<?php $__env->startSection('guest'); ?>
<?php
    $homepage = $homepage ?? [];
    $contactPhoneDisplay = $homepage['contact_phone'] ?? '08064664220';
    $contactPhoneTel = preg_replace('/\s+/', '', $contactPhoneDisplay);
    $rawWhatsappNumber = $homepage['whatsapp_number'] ?? $contactPhoneDisplay;
    $whatsappNumber = preg_replace('/\D+/', '', $rawWhatsappNumber);

    if (str_starts_with($whatsappNumber, '0')) {
        $whatsappNumber = '234'.substr($whatsappNumber, 1);
    }

    $whatsappNumber = $whatsappNumber ?: '2348064664220';
    $whatsappText = urlencode('Hello, I want to know more about NewKipp Microfinance Solution.');
    $primaryCta = trim((string) ($homepage['primary_cta'] ?? ''));

    if ($primaryCta === '' || in_array(strtolower($primaryCta), ['start 14-day trial', 'start 14 day trial', '14-day trial'], true)) {
        $primaryCta = 'Start 14 days free trial';
    }

    $testimonials = $homepage['testimonials'] ?? [];
?>
<div class="site-v2">
    <div class="site-scroll-progress" data-site-progress aria-hidden="true"></div>
    <a class="whatsapp-float" href="https://wa.me/<?php echo e($whatsappNumber); ?>?text=<?php echo e($whatsappText); ?>" target="_blank" rel="noopener" aria-label="Chat on WhatsApp">
        <i class="bi bi-whatsapp"></i>
    </a>

    <?php echo $__env->make('partials.public-site-nav', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <header class="site-hero">
        <div id="landingHeroCarousel" class="carousel slide carousel-fade site-hero-carousel" data-bs-ride="carousel" data-bs-interval="5200">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#landingHeroCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Microfinance dashboard"></button>
                <button type="button" data-bs-target="#landingHeroCarousel" data-bs-slide-to="1" aria-label="Member service"></button>
                <button type="button" data-bs-target="#landingHeroCarousel" data-bs-slide-to="2" aria-label="Financial records"></button>
            </div>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="https://images.pexels.com/photos/32014864/pexels-photo-32014864.jpeg?auto=compress&cs=tinysrgb&w=1800" alt="Lagos waterfront skyline with boats and modern buildings">
                </div>
                <div class="carousel-item">
                    <img src="https://images.pexels.com/photos/36602313/pexels-photo-36602313.jpeg?auto=compress&cs=tinysrgb&w=1800" alt="Lagos skyline at sunset over water">
                </div>
                <div class="carousel-item">
                    <img src="https://images.pexels.com/photos/29715199/pexels-photo-29715199.jpeg?auto=compress&cs=tinysrgb&w=1800" alt="Lagos business district skyline and waterfront">
                </div>
            </div>
        </div>
        <div class="site-hero-overlay"></div>
        <div class="container site-hero-content">
            <div class="row align-items-center g-5">
                <div class="col-lg-7">
                    <span class="site-eyebrow">Microfinance management, beautifully organized</span>
                    <h1>Run your entire <span class="site-rotating-word" data-rotating-words='["Microfinance","Cooperative","Isusu | Thrift | Ajo","Savings Group","Lending Business"]'>Microfinance</span> from one modern platform.</h1>
                    <p><?php echo e($homepage['hero_subtitle'] ?? 'Smart Solution, manage savings and loans, automate repayment schedules, collect online payments, sell airtime, data and electricity bills, and get a branded customer portal.'); ?></p>
                    <div class="d-flex flex-wrap gap-2">
                        <a href="<?php echo e(route('tenant.register')); ?>" class="btn btn-primary btn-lg site-hero-cta"><i class="bi bi-rocket-takeoff me-2"></i><?php echo e($primaryCta); ?></a>
                        <a href="#contact" class="btn btn-outline-light btn-lg"><i class="bi bi-chat-dots me-2"></i>Contact us</a>
                    </div>
                    <div class="site-hero-points">
                        <span><i class="bi bi-check-circle"></i> Multi-Branch</span>
                        <span><i class="bi bi-check-circle"></i> Installable mobile app</span>
                        <span><i class="bi bi-check-circle"></i> Data import & sync</span>
                        <span><i class="bi bi-check-circle"></i> Offline/Online</span>
                    </div>
                    <div class="site-hero-proof">
                        <div><strong>14 days</strong><span>free trial</span></div>
                        <div><strong>4 portals</strong><span>admin, staff, member, merchant</span></div>
                        <div><strong>35%</strong><span>merchant commission ready</span></div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="site-dashboard-card">
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <div>
                                <strong>Live portfolio</strong>
                                <div class="text-muted small">Today at a glance</div>
                            </div>
                            <span class="badge text-bg-success">Healthy</span>
                        </div>
                        <div class="site-dashboard-grid">
                            <div><span>Total savings</span><strong>NGN 48.2M</strong></div>
                            <div><span>Active loans</span><strong>1,284</strong></div>
                            <div><span>Repayment rate</span><strong>94%</strong></div>
                            <div><span>Due today</span><strong>NGN 2.8M</strong></div>
                        </div>
                        <div class="site-bars" aria-hidden="true">
                            <span style="height:48%"></span><span style="height:72%"></span><span style="height:58%"></span><span style="height:86%"></span><span style="height:68%"></span><span style="height:94%"></span>
                        </div>
                        <div class="site-dashboard-row"><span>Bill payments</span><strong>Airtime &middot; Data &middot; NEPA</strong></div>
                        <div class="site-dashboard-row"><span>Mobile app</span><strong>Install ready</strong></div>
                        <div class="site-dashboard-row"><span>Member portal</span><strong>Online</strong></div>
                        <div class="site-dashboard-row"><span>Offline sync</span><strong>Export &amp; push</strong></div>
                        <div class="site-dashboard-row site-dashboard-row-wrap">
                            <span>Notifications</span>
                            <strong class="site-channel-list">
                                <em>SMS</em>
                                <em>WhatsApp</em>
                                <em>Email</em>
                                <em>Portal</em>
                            </strong>
                        </div>
                        <div class="site-dashboard-row site-dashboard-row-wrap">
                            <span>Gateway checkout</span>
                            <strong class="site-gateway-list">
                                <em>Paystack</em>
                                <em>Monnify</em>
                                <em>Flutterwave</em>
                                <em>Providus</em>
                                <em>Wema</em>
                            </strong>
                        </div>
                        <div class="site-dashboard-actions">
                            <span><i class="bi bi-phone"></i> Mobile App</span>
                            <span><i class="bi bi-lightning-charge"></i> Bills</span>
                            <span><i class="bi bi-cloud-check"></i> Sync</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a href="#about" class="site-scroll-cue" aria-label="Scroll to about us">
            <span></span>
            <i class="bi bi-chevron-down"></i>
        </a>
    </header>

    <section class="site-proof">
        <div class="container">
            <div class="row g-3">
                <div class="col-6 col-lg-3"><div class="site-proof-card"><span>Free trial</span><strong>14 days</strong></div></div>
                <div class="col-6 col-lg-3"><div class="site-proof-card"><span>Portals</span><strong>Admin / Staff / Member / Merchant</strong></div></div>
                <div class="col-6 col-lg-3"><div class="site-proof-card"><span>Mobile app</span><strong>Install ready</strong></div></div>
                <div class="col-6 col-lg-3"><div class="site-proof-card"><span>Hosting</span><strong>offline + Sync</strong></div></div>
            </div>
        </div>
    </section>

    <section id="about" class="site-section">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-5">
                    <div class="site-about-media">
                        <img class="site-image" src="https://images.unsplash.com/photo-1687422808384-c896d0efd4ab?auto=format&fit=crop&fm=jpg&q=80&w=1200" alt="African shop owner receiving payment from a customer">
                        <div class="site-about-media-card">
                            <strong>Daily finance made clear</strong>
                            <span>Members, savings, loans, bills, and reports in one workflow.</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="site-about-copy">
                        <span class="site-eyebrow dark">About us</span>
                        <h2><?php echo e($homepage['about_title'] ?? 'Built for daily microfinance work.'); ?></h2>
                        <p class="site-lead"><?php echo e($homepage['about_body'] ?? 'NewKipp helps microfinance and cooperative teams manage members, collect savings, disburse loans, track repayments, sell bill payments, and view clear reports from one organized workspace.'); ?></p>
                    </div>
                    <div class="site-about-list">
                        <div>
                            <i class="bi bi-person-vcard"></i>
                            <span>
                                <strong>1. Know every member</strong>
                                <small>Open accounts, capture KYC, group members, and assign account officers.</small>
                            </span>
                        </div>
                        <div>
                            <i class="bi bi-wallet2"></i>
                            <span>
                                <strong>2. Manage all products</strong>
                                <small>Savings, thrift/Isusu, cooperative savings, loans, investments, and withdrawals.</small>
                            </span>
                        </div>
                        <div>
                            <i class="bi bi-phone"></i>
                            <span>
                                <strong>3. Serve members online</strong>
                                <small>Member portal and mobile app for applications, payments, balances, and receipts.</small>
                            </span>
                        </div>
                        <div>
                            <i class="bi bi-graph-up"></i>
                            <span>
                                <strong>4. See business performance</strong>
                                <small>Due payments, overdue loans, cash movement, expenses, profit, and branch reports.</small>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="features" class="site-section site-soft">
        <div class="container">
            <div class="site-section-head">
                <span class="site-eyebrow dark">What you get</span>
                <h2>A complete operating system for microfinance teams.</h2>
                <p>Everything is grouped by the way your team works: operations, members, payments, reports, mobile, and growth.</p>
            </div>

            <?php
                $featureTabs = [
                    'operations' => [
                        'label' => 'Operations',
                        'title' => 'Run daily microfinance work without jumping between spreadsheets.',
                        'items' => [
                            ['bi-person-vcard', 'Member KYC', 'Photos, IDs, BVN, NIN, guarantors, groups, account officers, and statuses.'],
                            ['bi-wallet2', 'Savings products', 'Regular, target, thrift/Isusu, cooperative savings, deposits, withdrawals, schedules, and receipts.'],
                            ['bi-cash-coin', 'Loan lifecycle', 'Applications, approvals, disbursement, repayment schedules, penalties, and rescheduling.'],
                            ['bi-piggy-bank', 'Investments', 'Investment products, accounts, returns, balances, maturities, and statements.'],
                        ],
                    ],
                    'members' => [
                        'label' => 'Members',
                        'title' => 'Give members a modern portal while staff stay in control.',
                        'items' => [
                            ['bi-phone', 'Mobile app', 'Install-ready access with offline screen, app icons, mobile menu, and member shortcuts.'],
                            ['bi-globe2', 'Personalized website', 'Every company gets a branded member link for signup, applications, and account access.'],
                            ['bi-bell', 'Notifications', 'SMS, WhatsApp, email, and portal alerts for due loans, savings, approvals, and reminders.'],
                            ['bi-shield-check', 'Role profiles', 'Create staff profiles and decide exactly what each staff category can access.'],
                        ],
                    ],
                    'payments' => [
                        'label' => 'Payments',
                        'title' => 'Collect, credit, and sell everyday services from one account center.',
                        'items' => [
                            ['bi-bank', 'Virtual accounts', 'Member account numbers can connect to supported gateways for automatic deposit crediting.'],
                            ['bi-credit-card', 'Gateway checkout', 'Paystack, Monnify, Flutterwave, Providus, and Wema setup per company.'],
                            ['bi-phone-vibrate', 'Airtime and data', 'MTN, Airtel, Glo, 9mobile airtime and affordable data bundle workflows.'],
                            ['bi-lightbulb', 'Electricity and TV', 'NEPA/electricity, DSTV, GOtv, Startimes, and other bill payment services.'],
                        ],
                    ],
                    'reports' => [
                        'label' => 'Reports',
                        'title' => 'See the numbers clearly before they become problems.',
                        'items' => [
                            ['bi-journal-text', 'Accounting reports', 'Income, expenses, ledgers, cashbook, trial balance, P&L, balance sheet, and cashflow.'],
                            ['bi-graph-up', 'Portfolio dashboard', 'Due payments, overdue loans, cash movement, profit, expenses, and branch performance.'],
                            ['bi-file-earmark-pdf', 'PDF exports', 'Export savings, loan, repayment, investment, expense, and financial reports.'],
                            ['bi-search', 'Breakdowns', 'Open report lines to see the transactions behind profit, revenue, expenses, and balances.'],
                        ],
                    ],
                    'setup' => [
                        'label' => 'Setup',
                        'title' => 'Start quickly, even if you already have old records or offline branches.',
                        'items' => [
                            ['bi-filetype-csv', 'CSV import center', 'Templates for branches, members, savings, loans, transactions, and repayments.'],
                            ['bi-hdd-network', 'Offline branch mode', 'Run locally on XAMPP and sync when internet is available.'],
                            ['bi-cloud-check', 'Online sync receiver', 'Hosted copy continues working while receiving branch packages.'],
                            ['bi-person-badge', 'Merchant program', 'Merchants can introduce companies, onboard them, and earn commission after subscription.'],
                        ],
                    ],
                ];
            ?>

            <div class="site-feature-tabs">
                <ul class="nav" role="tablist">
                    <?php $__currentLoopData = $featureTabs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $group): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link <?php echo e($loop->first ? 'active' : ''); ?>" data-bs-toggle="pill" data-bs-target="#feature-<?php echo e($key); ?>" type="button" role="tab">
                                <?php echo e($group['label']); ?>

                            </button>
                        </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
            </div>

            <div class="tab-content site-feature-tab-content">
                <?php $__currentLoopData = $featureTabs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $group): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="tab-pane fade <?php echo e($loop->first ? 'show active' : ''); ?>" id="feature-<?php echo e($key); ?>" role="tabpanel">
                        <div class="site-feature-panel">
                            <div class="site-feature-panel-head">
                                <span><?php echo e($group['label']); ?></span>
                                <strong><?php echo e($group['title']); ?></strong>
                            </div>
                            <div class="site-feature-grid">
                                <?php $__currentLoopData = $group['items']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as [$icon, $title, $body]): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="site-feature">
                                        <i class="bi <?php echo e($icon); ?>"></i>
                                        <h3><?php echo e($title); ?></h3>
                                        <p><?php echo e($body); ?></p>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>

    <section class="site-section">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-5">
                    <span class="site-eyebrow dark">Branded tenant portals</span>
                    <h2>Every company gets a personalized member link.</h2>
                    <p class="site-lead">Share a link like <strong>/t/demo-microfinance</strong>. Members can join, save, buy airtime/data, apply for loans, see schedules, and repay from their own portal or mobile app.</p>
                    <a href="<?php echo e(url('/t/demo-microfinance')); ?>" class="btn btn-primary">View demo tenant portal</a>
                </div>
                <div class="col-lg-7">
                    <div class="site-portal-showcase">
                    <img src="https://images.unsplash.com/photo-1509017174183-0b7e0278f1ec?auto=format&fit=crop&fm=jpg&q=80&w=1200" alt="Mobile payment terminal for member finance services">
                    <div class="site-phone-card">
                        <i class="bi bi-phone"></i>
                        <strong>Mobile App</strong>
                        <span>Savings &middot; Loans &middot; Bills &middot; Repayments</span>
                        <button>Buy airtime</button>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="site-section site-soft">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-5">
                    <span class="site-eyebrow dark">Merchant program</span>
                    <h2>Earn by introducing companies to NewKipp.</h2>
                    <p class="site-lead">Become a NewKipp merchant, share your personal link, help microfinance and cooperative businesses get started, and earn commission when they subscribe.</p>
                    <div class="d-flex flex-wrap gap-2">
                        <a href="<?php echo e(route('merchants.register')); ?>" class="btn btn-primary">Become a merchant</a>
                        <a href="<?php echo e(route('merchants.landing')); ?>" class="btn btn-outline-primary">See how it works</a>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="site-merchant-panel">
                        <div class="site-merchant-head">
                            <div>
                                <span>Merchant income path</span>
                                <strong>From referral to recurring reward</strong>
                            </div>
                            <em>Up to 35%</em>
                        </div>
                        <div class="site-merchant-steps">
                            <div>
                                <i class="bi bi-person-plus"></i>
                                <strong>1. Join</strong>
                                <span>Create your merchant account and complete verification.</span>
                            </div>
                            <div>
                                <i class="bi bi-link-45deg"></i>
                                <strong>2. Share</strong>
                                <span>Use your personal link for demos, referrals, and follow-ups.</span>
                            </div>
                            <div>
                                <i class="bi bi-building-check"></i>
                                <strong>3. Onboard</strong>
                                <span>Help companies register, start trial, and activate their plan.</span>
                            </div>
                            <div>
                                <i class="bi bi-trophy"></i>
                                <strong>4. Grow</strong>
                                <span>Unlock levels, targets, bonuses, awards, wins, and gifts.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="testimonials" class="site-section site-testimonials">
        <div class="container">
            <div class="site-section-head">
                <span class="site-eyebrow dark">Testimonials</span>
                <h2>Designed around real microfinance work.</h2>
            </div>
            <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
                <div class="carousel-indicators">
                    <?php $__currentLoopData = array_chunk($testimonials, 3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chunk): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="<?php echo e($loop->index); ?>" class="<?php echo \Illuminate\Support\Arr::toCssClasses(['active' => $loop->first]); ?>" <?php if($loop->first): ?> aria-current="true" <?php endif; ?> aria-label="Testimonial group <?php echo e($loop->iteration); ?>"></button>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                <div class="carousel-inner pb-5">
                    <?php $__currentLoopData = array_chunk($testimonials, 3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chunk): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="<?php echo \Illuminate\Support\Arr::toCssClasses(['carousel-item', 'active' => $loop->first]); ?>">
                            <div class="row g-3">
                                <?php $__currentLoopData = $chunk; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="col-md-4">
                                        <div class="site-testimonial">
                                            <div class="site-stars">*****</div>
                                            <p>"<?php echo e($testimonial['quote'] ?? ''); ?>"</p>
                                            <strong><?php echo e($testimonial['name'] ?? 'Member'); ?></strong>
                                            <span><?php echo e($testimonial['role'] ?? 'Microfinance operator'); ?></span>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                <button class="carousel-control-prev site-carousel-control" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next site-carousel-control" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        </div>
    </section>

    <section id="pricing" class="site-section site-soft">
        <div class="container">
            <div class="site-section-head">
                <span class="site-eyebrow dark">Pricing</span>
                <h2>Plans for different stages of growth.</h2>
                <p>Start with a free trial, then activate monthly or yearly billing when ready.</p>
                <div class="pricing-toggle mt-3" data-pricing-toggle>
                    <button type="button" class="active" data-cycle="monthly">Monthly</button>
                    <button type="button" data-cycle="yearly">Yearly</button>
                </div>
            </div>
            <div class="row g-3">
                <?php $__empty_1 = true; $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                    <div class="col-md-6 col-xl-4">
                        <div class="<?php echo \Illuminate\Support\Arr::toCssClasses(['site-price', 'featured' => $loop->iteration === 2]); ?>">
                            <?php ($planMeta = [
                                ['icon' => 'bi-rocket-takeoff', 'kicker' => 'Starter teams'],
                                ['icon' => 'bi-stars', 'kicker' => 'Most selected'],
                                ['icon' => 'bi-building-check', 'kicker' => 'Multi-branch scale'],
                            ][$loop->index] ?? ['icon' => 'bi-check2-circle', 'kicker' => 'For growing operators']); ?>
                            <div class="site-price-top">
                                <div class="site-price-icon"><i class="bi <?php echo e($planMeta['icon']); ?>"></i></div>
                                <div>
                                    <div class="site-price-kicker"><?php echo e($planMeta['kicker']); ?></div>
                                    <h3><?php echo e($plan->name); ?></h3>
                                </div>
                                <?php if($loop->iteration === 2): ?>
                                    <span class="badge text-bg-warning">Popular</span>
                                <?php endif; ?>
                            </div>
                            <div class="site-price-value">
                                <small>NGN</small>
                                <span data-monthly-price><?php echo e(number_format($plan->price_monthly, 0)); ?></span>
                                <span data-yearly-price class="d-none"><?php echo e(number_format($plan->price_yearly, 0)); ?></span>
                                <em data-price-suffix>/mo</em>
                            </div>
                            <div class="site-plan-limits">
                                <div><span>Staff</span><strong><?php echo e(number_format($plan->staff_limit)); ?></strong><small>users</small></div>
                                <div><span>Members</span><strong><?php echo e(number_format($plan->customer_limit)); ?></strong><small>profiles</small></div>
                                <div><span>Branches</span><strong><?php echo e(number_format($plan->branch_limit)); ?></strong><small>locations</small></div>
                            </div>
                            <div class="site-plan-included">
                                <div><i class="bi bi-person-vcard"></i><span>Member Portal</span></div>
                                <div><i class="bi bi-phone"></i><span>Mobile App</span></div>
                            </div>
                            <a href="<?php echo e(route('tenant.register')); ?>" class="btn btn-outline-primary w-100">Start trial</a>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <div class="col"><div class="site-feature">Plans will appear after the platform seed runs.</div></div>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <section id="contact" class="site-section site-contact">
        <div class="container">
            <div class="row g-4 align-items-stretch">
                <div class="col-lg-5">
                    <span class="site-eyebrow">Contact us</span>
                    <h2>Ready to launch your microfinance platform?</h2>
                    <p>Talk to us about setup, payment gateway configuration, shared hosting deployment, or custom branding for your tenants.</p>
                    <div class="site-contact-list">
                        <a href="mailto:<?php echo e($homepage['contact_email'] ?? 'hello@microfinance-saas.test'); ?>"><i class="bi bi-envelope"></i> <?php echo e($homepage['contact_email'] ?? 'hello@microfinance-saas.test'); ?></a>
                        <a href="tel:<?php echo e($contactPhoneTel); ?>"><i class="bi bi-telephone"></i> <?php echo e($contactPhoneDisplay); ?></a>
                        <a href="https://wa.me/<?php echo e($whatsappNumber); ?>?text=<?php echo e($whatsappText); ?>" target="_blank" rel="noopener"><i class="bi bi-whatsapp"></i> Chat on WhatsApp</a>
                        <a href="<?php echo e(route('manual')); ?>"><i class="bi bi-book"></i> Read user manual</a>
                        <a href="<?php echo e(route('mobile-app')); ?>"><i class="bi bi-phone"></i> Mobile app guide</a>
                    </div>
                </div>
                <div class="col-lg-7">
                    <form class="site-contact-form" action="mailto:<?php echo e($homepage['contact_email'] ?? 'hello@microfinance-saas.test'); ?>" method="POST" enctype="text/plain">
                        <div class="row g-3">
                            <div class="col-md-6"><label class="form-label">Name</label><input class="form-control" name="name" required></div>
                            <div class="col-md-6"><label class="form-label">Email</label><input class="form-control" type="email" name="email" required></div>
                            <div class="col-md-6"><label class="form-label">Phone</label><input class="form-control" name="phone"></div>
                            <div class="col-md-6"><label class="form-label">Company</label><input class="form-control" name="company"></div>
                            <div class="col-12"><label class="form-label">Message</label><textarea class="form-control" name="message" rows="4" required></textarea></div>
                            <div class="col-12"><button class="btn btn-light btn-lg">Send message</button></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <footer class="site-footer">
        <div class="container d-flex flex-column flex-md-row justify-content-between gap-3 py-4">
            <div class="site-brand"><span>NK</span><strong>NewKipp Microfinance Solution</strong></div>
            <div class="d-flex flex-wrap gap-3 small">
                <a href="#about">About us</a>
                <a href="#features">Features</a>
                <a href="<?php echo e(route('manual')); ?>">User manual</a>
                <a href="<?php echo e(route('mobile-app')); ?>">Mobile app</a>
                <a href="#pricing">Pricing</a>
                <a href="#contact">Contact</a>
            </div>
        </div>
    </footer>
</div>
<?php $__env->startPush('scripts'); ?>
<script>
(() => {
    const site = document.querySelector('.site-v2');
    if (! site) return;

    const nav = document.querySelector('.site-nav');
    const progress = site.querySelector('[data-site-progress]');
    const revealItems = site.querySelectorAll([
        '.site-section-head',
        '.site-proof-card',
        '.site-about-media',
        '.site-about-copy',
        '.site-about-list > div',
        '.site-feature-tabs',
        '.site-feature-panel',
        '.site-feature',
        '.site-portal-showcase',
        '.site-merchant-panel',
        '.site-testimonial',
        '.site-price',
        '.site-contact-list a',
        '.site-contact-form'
    ].join(','));

    site.classList.add('site-motion-ready');

    revealItems.forEach((item, index) => {
        item.classList.add('site-reveal');
        item.style.setProperty('--reveal-delay', `${Math.min(index % 6, 5) * 70}ms`);
    });

    if ('IntersectionObserver' in window) {
        const observer = new IntersectionObserver((entries) => {
            entries.forEach((entry) => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('is-visible');
                    observer.unobserve(entry.target);
                }
            });
        }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });

        revealItems.forEach((item) => observer.observe(item));
    } else {
        revealItems.forEach((item) => item.classList.add('is-visible'));
    }

    let ticking = false;
    const updateScroll = () => {
        ticking = false;
        const scrollTop = window.scrollY || document.documentElement.scrollTop;
        const pageHeight = document.documentElement.scrollHeight - window.innerHeight;
        const percent = pageHeight > 0 ? Math.min(100, Math.max(0, (scrollTop / pageHeight) * 100)) : 0;

        if (progress) progress.style.width = `${percent}%`;
        if (nav) nav.classList.toggle('site-nav-scrolled', scrollTop > 18);
        site.style.setProperty('--hero-shift', `${Math.min(34, scrollTop * 0.04)}px`);
    };

    const requestScrollUpdate = () => {
        if (! ticking) {
            window.requestAnimationFrame(updateScroll);
            ticking = true;
        }
    };

    window.addEventListener('scroll', requestScrollUpdate, { passive: true });
    updateScroll();

    document.querySelectorAll('[data-pricing-toggle]').forEach((toggle) => {
        const buttons = toggle.querySelectorAll('button[data-cycle]');
        const setCycle = (cycle) => {
            buttons.forEach((button) => button.classList.toggle('active', button.dataset.cycle === cycle));
            document.querySelectorAll('[data-monthly-price]').forEach((monthly) => monthly.classList.toggle('d-none', cycle !== 'monthly'));
            document.querySelectorAll('[data-yearly-price]').forEach((yearly) => yearly.classList.toggle('d-none', cycle !== 'yearly'));
            document.querySelectorAll('[data-price-suffix]').forEach((suffix) => suffix.textContent = cycle === 'monthly' ? '/mo' : '/yr');
        };

        buttons.forEach((button) => button.addEventListener('click', () => setCycle(button.dataset.cycle)));
    });

    document.querySelectorAll('.site-mobile-menu a, .site-mobile-menu button').forEach((item) => {
        item.addEventListener('click', () => {
            const menu = item.closest('.site-mobile-menu');
            if (menu && window.bootstrap) {
                window.bootstrap.Collapse.getOrCreateInstance(menu, { toggle: false }).hide();
            }
        });
    });

    document.querySelectorAll('[data-rotating-words]').forEach((word) => {
        const words = JSON.parse(word.dataset.rotatingWords || '[]').filter(Boolean);
        if (words.length < 2) return;

        let index = 0;
        setInterval(() => {
            index = (index + 1) % words.length;
            word.classList.add('is-changing');

            window.setTimeout(() => {
                word.textContent = words[index];
                word.classList.remove('is-changing');
            }, 220);
        }, 2200);
    });
})();
</script>
<?php $__env->stopPush(); ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\Users\Polite hp\Documents\Codex\2026-05-08\build-a-complete-production-ready-saas\microfinance-saas\resources\views\landing.blade.php ENDPATH**/ ?>