<div id="section1"></div>
<div class="container-fluid pl-0 pr-0 fundz-marketplace">
    <section class="glass-section glass-section-img-home market-hero fx-search-hero" id="compare">
        <div class="container pt-5 pb-5">
            <div class="row justify-content-center text-center">
                <div class="col-xl-9 col-lg-10">
                    <p class="market-kicker text-white mb-3">AFRICA-FOCUSED CURRENCY COMPARISON</p>
                    <h1 class="glass-title mega-title font-weight-bold text-white mb-3">Search the market before you move money.</h1>
                    <h4 class="text-white font-weight-light market-subtitle mx-auto">Compare remittance apps and verified liquidity providers across the currencies and corridors that matter most to African businesses and communities.</h4>
                </div>
            </div>

            <div class="fx-search-shell shadow-lg mt-5">
                <div class="fx-search-tabs" role="tablist" aria-label="Comparison type">
                    <button type="button" class="fx-tab active" data-mode="all">Entire market</button>
                    <button type="button" class="fx-tab" data-mode="apps">Apps &amp; remittance</button>
                    <button type="button" class="fx-tab" data-mode="providers">Verified providers</button>
                </div>
                <form id="fxComparisonForm" class="fx-search-form">
                    <input type="hidden" id="comparisonMode" value="all">
                    <div class="fx-field">
                        <label for="sendCurrency">You send</label>
                        <select id="sendCurrency" class="fx-input">
                            <option value="USD" selected>USD — US Dollar</option>
                            <option value="GBP">GBP — British Pound</option>
                            <option value="EUR">EUR — Euro</option>
                            <option value="CAD">CAD — Canadian Dollar</option>
                            <option value="AED">AED — UAE Dirham</option>
                            <option value="SAR">SAR — Saudi Riyal</option>
                            <option value="AUD">AUD — Australian Dollar</option>
                            <option value="ZAR">ZAR — South African Rand</option>
                        </select>
                    </div>
                    <button type="button" id="swapCurrencies" class="fx-swap" aria-label="Swap currencies"><i class="fas fa-exchange-alt"></i></button>
                    <div class="fx-field">
                        <label for="receiveCurrency">They receive</label>
                        <select id="receiveCurrency" class="fx-input">
                            <option value="NGN" selected>NGN — Nigerian Naira</option>
                            <option value="GHS">GHS — Ghanaian Cedi</option>
                            <option value="KES">KES — Kenyan Shilling</option>
                            <option value="UGX">UGX — Ugandan Shilling</option>
                            <option value="TZS">TZS — Tanzanian Shilling</option>
                            <option value="ZAR">ZAR — South African Rand</option>
                            <option value="XOF">XOF — West African CFA</option>
                            <option value="XAF">XAF — Central African CFA</option>
                            <option value="RWF">RWF — Rwandan Franc</option>
                            <option value="ETB">ETB — Ethiopian Birr</option>
                            <option value="EGP">EGP — Egyptian Pound</option>
                            <option value="MAD">MAD — Moroccan Dirham</option>
                        </select>
                    </div>
                    <div class="fx-field fx-amount-field">
                        <label for="sendAmount">Amount</label>
                        <div class="fx-amount-wrap"><span id="amountSymbol">$</span><input id="sendAmount" class="fx-input" type="number" min="1" step="1" value="1000"></div>
                    </div>
                    <div class="fx-field">
                        <label for="marketLocation">Your location</label>
                        <select id="marketLocation" class="fx-input">
                            <option>United States</option><option>United Kingdom</option><option>Canada</option><option>European Union</option><option>United Arab Emirates</option><option>Saudi Arabia</option><option>South Africa</option><option>Australia</option>
                        </select>
                    </div>
                    <button type="submit" class="btn sm-orange btn-blue font-weight-bold fx-search-button">Compare market</button>
                </form>
                <div class="fx-search-foot"><span><i class="fas fa-layer-group mr-2"></i>One search across apps and listed providers</span><span><i class="fas fa-shield-alt mr-2"></i>Provider verification status shown clearly</span></div>
            </div>
        </div>
    </section>

    <section class="market-results-section" id="market-results">
        <div class="container py-5">
            <div class="row align-items-end mb-4">
                <div class="col-lg-8"><p class="market-kicker dark mb-2">MARKET COMPARISON</p><h2 class="mega-title font-weight-bold mb-2"><span id="resultPair">USD to NGN</span>, in one view.</h2><p class="lead text-muted mb-0">Indicative sample listings demonstrate how FUNDZ will compare rates, fees, limits, speed and availability. Live feeds will replace sample data as integrations are activated.</p></div>
                <div class="col-lg-4 text-lg-right mt-3 mt-lg-0"><button type="button" class="btn btn-dark font-weight-bold" data-toggle="modal" data-target="#waitingListModal">Get daily alerts</button></div>
            </div>

            <div id="appsResults" class="comparison-block mb-5">
                <div class="comparison-heading"><div><span class="comparison-label">APPS &amp; REMITTANCE SERVICES</span><h3 class="font-weight-bold mb-0">Compare everyday transfer options</h3></div><span class="results-count">4 sample listings</span></div>
                <div class="comparison-table-wrap">
                    <table class="comparison-table">
                        <thead><tr><th>Service</th><th>Rate</th><th>Fee</th><th>Recipient gets</th><th>Speed</th><th>Limit</th><th></th></tr></thead>
                        <tbody id="appComparisonRows"></tbody>
                    </table>
                </div>
            </div>

            <div id="providerResults" class="comparison-block verified-block">
                <div class="comparison-heading"><div><span class="comparison-label">VERIFIED LIQUIDITY PROVIDERS</span><h3 class="font-weight-bold mb-0">Compare higher-volume market listings</h3></div><a href="#verification" class="verification-link">What verified means</a></div>
                <div class="provider-filters mb-3"><span>Compare by:</span><button class="provider-chip active">Best value</button><button class="provider-chip">Transaction size</button><button class="provider-chip">Location</button><button class="provider-chip">Fees</button><button class="provider-chip">Response time</button></div>
                <div id="providerCards" class="row"></div>
                <p class="small text-muted mt-3 mb-0">FUNDZ displays indicative marketplace information and facilitates comparison and introductions. FUNDZ does not hold customer funds, guarantee quotes or execute settlement.</p>
            </div>
        </div>
    </section>

    <section class="market-section market-section-dark" id="intelligence">
        <div class="container py-5">
            <div class="row align-items-center">
                <div class="col-lg-6 mb-4"><p class="market-kicker text-white mb-2">FUNDZ MARKET INTELLIGENCE</p><h2 class="mega-title font-weight-bold text-white">Stop checking every app one by one.</h2><p class="lead text-white-50">FUNDZ organizes fragmented rate information into a single market view, then turns it into useful morning reports, movement alerts and corridor-level intelligence.</p></div>
                <div class="col-lg-6 mb-4"><div class="intelligence-panel"><div class="intel-head"><span>Morning comparison</span><span class="live-dot"></span></div><div class="intel-line"><span>Best displayed retail option</span><strong>Tracked</strong></div><div class="intel-line"><span>Best listed high-volume option</span><strong>Compared</strong></div><div class="intel-line"><span>Fees and effective value</span><strong>Calculated</strong></div><div class="intel-line"><span>Rate movement and alerts</span><strong>Summarized</strong></div><div class="intel-channels"><span>WhatsApp</span><span>SMS</span><span>Email</span><span>Social</span></div></div></div>
            </div>
        </div>
    </section>

    <section class="market-section market-section-light" id="corridors">
        <div class="container py-5">
            <div class="text-center mb-5"><p class="market-kicker dark mb-2">BUILT BEYOND ONE CURRENCY</p><h2 class="mega-title font-weight-bold">African currency corridors, globally connected.</h2><p class="lead text-muted mx-auto corridor-copy">FUNDZ is designed for major sending currencies and the African receiving currencies most relevant to families, merchants, importers and cross-border businesses.</p></div>
            <div class="corridor-grid"><span>USD → NGN</span><span>GBP → NGN</span><span>EUR → NGN</span><span>CAD → GHS</span><span>USD → KES</span><span>GBP → GHS</span><span>AED → UGX</span><span>USD → ZAR</span><span>EUR → XOF</span><span>USD → XAF</span><span>SAR → ETB</span><span>AUD → KES</span></div>
        </div>
    </section>

    <section class="market-section" id="verification">
        <div class="container py-5">
            <div class="row align-items-center">
                <div class="col-lg-5 mb-4"><p class="market-kicker dark mb-2">VERIFIED LIQUIDITY PROVIDERS</p><h2 class="mega-title font-weight-bold">Verification that is specific and visible.</h2></div>
                <div class="col-lg-7 mb-4"><p class="lead">A verified badge means FUNDZ has completed the checks displayed on that provider’s profile—such as business identity, contact information, operating location and applicable licensing or registration claims. It does not guarantee solvency, performance, settlement or any transaction.</p><div class="verification-grid"><span><i class="fas fa-building"></i> Business identity</span><span><i class="fas fa-map-marker-alt"></i> Operating location</span><span><i class="fas fa-id-card"></i> Registration details</span><span><i class="fas fa-phone"></i> Contact verification</span></div></div>
            </div>
        </div>
    </section>

    <section class="market-section market-section-light" id="how-it-works">
        <div class="container py-5"><div class="text-center mb-5"><p class="market-kicker dark mb-2">HOW FUNDZ WORKS</p><h2 class="mega-title font-weight-bold">Search. Compare. Decide. Connect.</h2></div><div class="row"><div class="col-lg-3 col-md-6 mb-4"><div class="market-card h-100"><div class="step-number">01</div><h4 class="font-weight-bold">Enter a corridor</h4><p>Choose what you have, what you need, the amount and your location.</p></div></div><div class="col-lg-3 col-md-6 mb-4"><div class="market-card h-100"><div class="step-number">02</div><h4 class="font-weight-bold">See the full market</h4><p>Review app rates and provider listings without downloading every service.</p></div></div><div class="col-lg-3 col-md-6 mb-4"><div class="market-card h-100"><div class="step-number">03</div><h4 class="font-weight-bold">Compare real value</h4><p>Evaluate rate, fees, amount received, limits, location and transaction speed.</p></div></div><div class="col-lg-3 col-md-6 mb-4"><div class="market-card h-100"><div class="step-number">04</div><h4 class="font-weight-bold">Connect directly</h4><p>Request information or an introduction to a listed verified liquidity provider.</p></div></div></div></div>
    </section>

    <section class="market-cta" id="reports"><div class="container py-5 text-center"><p class="market-kicker text-white mb-2">THE MARKET, DELIVERED</p><h2 class="mega-title font-weight-bold text-white">Receive your preferred currency comparison every morning.</h2><p class="lead text-white-50 mx-auto market-cta-copy">Choose your corridors and receive FUNDZ reports through WhatsApp, SMS or email, with ready-to-publish market summaries for participating businesses and partners.</p><button type="button" class="btn sm-orange btn-lg btn-blue font-weight-bold mt-3" data-toggle="modal" data-target="#waitingListModal">Choose my market alerts</button></div></section>
</div>

<script>
(function(){
    var symbols={USD:'$',GBP:'£',EUR:'€',CAD:'C$',AED:'د.إ',SAR:'﷼',AUD:'A$',ZAR:'R'};
    var rates={NGN:1398,GHS:15.4,KES:129.2,UGX:3725,TZS:2580,ZAR:18.1,XOF:606,XAF:606,RWF:1410,ETB:132,EGP:50.6,MAD:9.7};
    var appNames=['TapTap Send','Remitly','Wise','Sendwave'];
    var providers=[
        {name:'Atlantic FX Partners',location:'New York, United States',min:10000,max:250000,fee:'Quoted',speed:'Same-day response',badges:['Identity verified','Location verified']},
        {name:'Continental Currency Network',location:'London, United Kingdom',min:25000,max:500000,fee:'0.35% indicative',speed:'Under 2 hours',badges:['Business verified','Registration reviewed']},
        {name:'Pan-African Settlement Desk',location:'Lagos, Nigeria',min:50000,max:1000000,fee:'Negotiable',speed:'Priority desk',badges:['Identity verified','Contact verified']}
    ];
    var form=document.getElementById('fxComparisonForm');
    var send=document.getElementById('sendCurrency');
    var receive=document.getElementById('receiveCurrency');
    var amount=document.getElementById('sendAmount');
    var mode=document.getElementById('comparisonMode');
    function money(n,c){return new Intl.NumberFormat('en-US',{maximumFractionDigits:2}).format(n)+' '+c;}
    function render(){
        var amt=Math.max(1,parseFloat(amount.value)||1), base=rates[receive.value]||1;
        document.getElementById('amountSymbol').textContent=symbols[send.value]||send.value;
        document.getElementById('resultPair').textContent=send.value+' to '+receive.value;
        var rows='';
        appNames.forEach(function(name,i){var rate=base*(1-(i*.0045));var fee=i===0?0:(i+1)*2.49;var received=(amt-fee)*rate;rows+='<tr><td><strong>'+name+'</strong><small>App comparison</small></td><td><strong>'+rate.toFixed(2)+'</strong><small>'+receive.value+' per '+send.value+'</small></td><td>'+symbols[send.value]+fee.toFixed(2)+'</td><td><strong>'+money(received,receive.value)+'</strong></td><td>'+(i%2?'Minutes–hours':'Minutes')+'</td><td>'+(i===2?'Varies':'Up to '+symbols[send.value]+'9,999')+'</td><td><button class="btn btn-sm btn-outline-dark">View</button></td></tr>';});
        document.getElementById('appComparisonRows').innerHTML=rows;
        var cards=''; providers.forEach(function(p,i){var rate=base*(1.006+i*.003);cards+='<div class="col-lg-4 mb-4"><div class="provider-card h-100"><div class="provider-top"><div class="provider-monogram">'+p.name.charAt(0)+'</div><span class="verified-badge"><i class="fas fa-check-circle"></i> Verified</span></div><h4 class="font-weight-bold">'+p.name+'</h4><p class="provider-location"><i class="fas fa-map-marker-alt"></i> '+p.location+'</p><div class="provider-rate"><span>Indicative listed rate</span><strong>'+rate.toFixed(2)+' '+receive.value+'</strong><small>per '+send.value+'</small></div><div class="provider-detail"><span>Typical volume</span><strong>'+symbols[send.value]+p.min.toLocaleString()+'–'+symbols[send.value]+p.max.toLocaleString()+'</strong></div><div class="provider-detail"><span>Fees</span><strong>'+p.fee+'</strong></div><div class="provider-detail"><span>Response</span><strong>'+p.speed+'</strong></div><div class="provider-checks">'+p.badges.map(function(b){return '<span><i class="fas fa-check"></i>'+b+'</span>';}).join('')+'</div><button type="button" class="btn btn-dark btn-block font-weight-bold" data-toggle="modal" data-target="#waitingListModal">Request provider details</button></div></div>';});
        document.getElementById('providerCards').innerHTML=cards;
        document.getElementById('appsResults').style.display=mode.value==='providers'?'none':'block';
        document.getElementById('providerResults').style.display=mode.value==='apps'?'none':'block';
    }
    document.querySelectorAll('.fx-tab').forEach(function(tab){tab.addEventListener('click',function(){document.querySelectorAll('.fx-tab').forEach(function(t){t.classList.remove('active');});this.classList.add('active');mode.value=this.getAttribute('data-mode');render();});});
    form.addEventListener('submit',function(e){e.preventDefault();render();document.getElementById('market-results').scrollIntoView({behavior:'smooth'});});
    document.getElementById('swapCurrencies').addEventListener('click',function(){var s=send.value,r=receive.value;if([].slice.call(send.options).some(function(o){return o.value===r;})&&[].slice.call(receive.options).some(function(o){return o.value===s;})){send.value=r;receive.value=s;}render();});
    send.addEventListener('change',render);receive.addEventListener('change',render);amount.addEventListener('input',render);render();
})();
</script>
