<!DOCTYPE html>
<html lang="en">
<?php
$pagetitle = "Gift Cards | Nesvra";
include 'components/head.php' ?>

<body class="bg-white">

    <?php include 'components/navbar.php'; ?>

    <section class="relative max-h-[80dvh] h-fit w-full overflow-hidden">

        <div class="absolute inset-0 z-0">
            <div class="absolute inset-0 bg-black/30 z-10"></div>
            <img src="https://images.unsplash.com/photo-1695374688467-337be729c67d?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
                class="w-full h-full object-cover bg-fixed bg-top"
                style="background-attachment: fixed; background-position: center;" alt="Nesvra Infrastructure" />
        </div>

        <div
            class="relative z-20 h-full w-full max-w-8xl mx-auto px-4 md:px-16 pt-32 md:pt-48 pb-12 flex flex-col items-start text-left">


            <h1 data-aos="fade-right" data-aos-delay="200"
                class="max-w-3xl text-4xl md:text-5xl font-[400] tracking-[-0.05em] leading-[1.05] text-white ">
                Launch a Profitable Airtime & Gift<br class="hidden md:block"> <span class="italic font-serif"> Card Business in Days — Not Months.</span>

            </h1>

            <p data-aos="fade-right" data-aos-delay="400"
                class="mt-3 max-w-3xl text-sm  text-white/70 font-mono md:leading-relaxed leading-snug">
                Build and own a white-label cross-border money transfer platform with multi-currency wallets, <span class="max-sm:hidden"> compliance-ready infrastructure, and global payouts — launch faster, scale worldwide, and keep full control. </span>
            </p>

            <div data-aos="fade-up" data-aos-delay="600" class="mt-4 flex flex-wrap gap-5">

                <a href="get-demo?product=gift-cards"
                    class="shimmer-effect group relative inline-flex items-center gap-3 px-8 py-4 bg-brandOrange text-white rounded-full transition-all duration-300 hover:scale-[1.05] active:translate-y-[2px] shadow-[0_15px_30px_-5px_rgba(255,138,0,0.4)]">

                    <div class="absolute inset-0 rounded-full border-t border-white/30 pointer-events-none"></div>

                    <div class="absolute inset-0 rounded-full bg-gradient-to-b from-white/10 to-transparent opacity-50">
                    </div>

                    <i data-lucide="play-circle" class="w-4 h-4 text-white"></i>
                    <span class="font-sans font-[600] tracking-tight text-sm">Schedule Live Demo</span>
                </a>

                <a href="checkout?product=gift-cards"
                    class="shimmer-effect group relative inline-flex items-center gap-3 px-8 py-4 bg-[#111] text-white rounded-full transition-all duration-300 hover:scale-[1.05] active:scale-[0.95] shadow-[0_20px_50px_-10px_rgba(0,0,0,0.5)]">
                    <div class="absolute inset-0 rounded-full border border-white/10 pointer-events-none"></div>
                    <span class="font-sans font-[500] tracking-tight text-sm">Purchase License</span>
                    <i data-lucide="arrow-right" class="group-hover:translate-x-1 transition-transform w-4 h-4"></i>
                </a>

            </div>





        </div>


    </section>

    <section class="py-24 px-[5%] bg-white overflow-hidden" id="digital-economy">
        <div class="max-w-[1200px] mx-auto text-center">

            <div class="mb-6" data-aos="fade-up" data-aos-duration="1000">
                <span class="font-mono text-[11px] uppercase tracking-[0.4em] text-electric">{01} THE $500B+ DIGITAL ECONOMY — YOUR ENTRY POINT</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter mt-6 text-royal max-w-[900px] mx-auto leading-[1.1]">
                    Own a Piece of the Multi-Billion Dollar <br> <span class="italic font-serif text-brandOrange">Digital Products Revolution</span>
                </h2>
                <p class="text-soft text-lg mt-8 max-w-[800px] mx-auto font-sans leading-relaxed">
                    Every second, over 10,000 digital transactions happen globally — airtime top-ups, gift card redemptions, and subscriptions. Nesvra puts you at the center of this unstoppable cash flow. The market isn't just growing <span class="text-royal font-[400]">it's exploding.</span>
                </p>


            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-0 border border-gray-100 rounded-[32px] overflow-hidden shadow-[0_40px_100px_-20px_rgba(8,31,92,0.05)]" data-aos="fade-up" data-aos-delay="200">

                <div class="p-10 border-r border-b lg:border-b-0 border-gray-100 flex flex-col gap-4 group hover:bg-gray-50 transition-colors text-left">
                    <div class="w-10 h-10 rounded-full bg-gray-50 flex items-center justify-center text-royal group-hover:bg-royal group-hover:text-white transition-all">
                        <i class="ri-gift-line text-xl"></i>
                    </div>
                    <div class="mt-4">
                        <h3 class="text-4xl font-semibold tracking-tighter text-royal">$200B+</h3>
                        <p class="font-mono text-[10px] uppercase tracking-wider text-electric mt-2">Global Gift Card Market</p>
                        <p class="text-[13px] text-soft mt-4 leading-snug">Amazon, Apple, Steam, Netflix — capture high-margin digital gifting revenue.</p>
                    </div>
                </div>

                <div class="p-10 border-r border-b lg:border-b-0 border-gray-100 flex flex-col gap-4 group hover:bg-gray-50 transition-colors text-left">
                    <div class="w-10 h-10 rounded-full bg-gray-50 flex items-center justify-center text-royal group-hover:bg-royal group-hover:text-white transition-all">
                        <i class="ri-smartphone-line text-xl"></i>
                    </div>
                    <div class="mt-4">
                        <h3 class="text-4xl font-semibold tracking-tighter text-royal">5.3B</h3>
                        <p class="font-mono text-[10px] uppercase tracking-wider text-soft mt-2">Active Mobile Users</p>
                        <p class="text-[13px] text-soft mt-4 leading-snug">Recurring airtime & data demand across 150+ countries — daily repeat buyers.</p>
                    </div>
                </div>

                <div class="p-10 border-r border-b lg:border-b-0 border-gray-100 flex flex-col gap-4 group hover:bg-gray-50 transition-colors text-left">
                    <div class="w-10 h-10 rounded-full bg-gray-50 flex items-center justify-center text-royal group-hover:bg-royal group-hover:text-white transition-all">
                        <i class="ri-line-chart-line text-xl"></i>
                    </div>
                    <div class="mt-4">
                        <h3 class="text-4xl font-semibold tracking-tighter text-royal">28%</h3>
                        <p class="font-mono text-[10px] uppercase tracking-wider text-brandOrange mt-2">Annual Market Growth</p>
                        <p class="text-[13px] text-soft mt-4 leading-snug">CAGR driven by digital gifting, remote work, and cross-border transactions.</p>
                    </div>
                </div>

                <div class="p-10 flex flex-col gap-4 bg-royal group relative overflow-hidden text-left">
                    <div class="absolute -top-10 -right-10 w-32 h-32 bg-electric/20 blur-[60px] rounded-full"></div>
                    <div class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center text-white relative z-10">
                        <i class="ri-pie-chart-2-line text-xl"></i>
                    </div>
                    <div class="mt-4 relative z-10">
                        <h3 class="text-4xl font-semibold tracking-tighter text-white">5-15%</h3>
                        <p class="font-mono text-[10px] uppercase tracking-wider text-brandOrange mt-2">Net Profit Margins</p>
                        <p class="text-[13px] text-white/70 mt-4 leading-snug">Reliable margins on every gift card, airtime recharge, and digital product sold.</p>
                    </div>
                </div>

            </div>
        </div>
    </section>



    <section class="py-24 px-[5%] bg-white overflow-hidden" id="commerce-engine">
        <div class="max-w-[1200px] mx-auto">

            <div class="text-center mb-16" data-aos="fade-up">
                <span class="font-mono text-[10px] uppercase tracking-[0.4em] text-electric block mb-4">{02} Why Nesvra is the Ultimate Digital Commerce Engine</span>
                <h2 class="text-3xl md:text-5xl font-[400] tracking-tighter text-royal">
                    From Market Entry to <br> <span class="italic font-serif text-brandOrange">Market Leadership.</span>
                </h2>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-3 relative border-t border-zinc-100">

                <div class="relative p-10 flex flex-col items-center text-center border-b md:border-r border-zinc-100 group">
                    <div class="hidden md:block absolute -right-[10px] -bottom-[1px] w-[20px] h-[2px] bg-brandOrange z-10"></div>
                    <div class="hidden md:block absolute -right-[1px] -bottom-[10px] w-[2px] h-[20px] bg-brandOrange z-10"></div>

                    <i class="ri-shopping-bag-3-line text-3xl text-zinc-300 group-hover:text-royal transition-all duration-300 mb-6"></i>
                    <h3 class="text-lg font-bold text-royal tracking-tight mb-3">Unlimited Product Catalog</h3>
                    <p class="text-[12px] text-soft leading-relaxed">Sell 500+ gift card brands, global airtime, data bundles, and eSIMs. Add unlimited custom products — your rules.</p>
                </div>

                <div class="relative p-10 flex flex-col items-center text-center border-b md:border-r border-zinc-100 group">
                    <div class="hidden md:block absolute -right-[10px] -bottom-[1px] w-[20px] h-[2px] bg-brandOrange z-10"></div>
                    <div class="hidden md:block absolute -right-[1px] -bottom-[10px] w-[2px] h-[20px] bg-brandOrange z-10"></div>

                    <i class="ri-flashlight-line text-3xl text-zinc-300 group-hover:text-royal transition-all duration-300 mb-6"></i>
                    <h3 class="text-lg font-bold text-royal tracking-tight mb-3">Instant Fulfillment</h3>
                    <p class="text-[12px] text-soft leading-relaxed">Automated delivery via email and SMS in seconds. Scale to thousands of daily orders without hiring extra staff.</p>
                </div>

                <div class="relative p-10 flex flex-col items-center text-center border-b border-zinc-100 group">
                    <i class="ri-node-tree text-3xl text-zinc-300 group-hover:text-royal transition-all duration-300 mb-6"></i>
                    <h3 class="text-lg font-bold text-royal tracking-tight mb-3">Global Supplier Network</h3>
                    <p class="text-[12px] text-soft leading-relaxed">Pre-integrated providers for high uptime and competitive rates. Activate suppliers in days, not months.</p>
                </div>

                <div class="relative p-10 flex flex-col items-center text-center border-b md:border-r border-zinc-100 group">
                    <div class="hidden md:block absolute -right-[10px] -top-[1px] w-[20px] h-[2px] bg-brandOrange z-10"></div>
                    <div class="hidden md:block absolute -right-[1px] -top-[10px] w-[2px] h-[20px] bg-brandOrange z-10"></div>

                    <i class="ri-money-dollar-box-line text-3xl text-zinc-300 group-hover:text-royal transition-all duration-300 mb-6"></i>
                    <h3 class="text-lg font-bold text-royal tracking-tight mb-3">Multi-Channel Revenue</h3>
                    <p class="text-[12px] text-soft leading-relaxed">Profit from markups, transaction fees, subscription plans, and affiliate commissions from every angle.</p>
                </div>

                <div class="relative p-10 flex flex-col items-center text-center border-b md:border-r border-zinc-100 group">
                    <div class="hidden md:block absolute -right-[10px] -top-[1px] w-[20px] h-[2px] bg-brandOrange z-10"></div>
                    <div class="hidden md:block absolute -right-[1px] -top-[10px] w-[2px] h-[20px] bg-brandOrange z-10"></div>

                    <i class="ri-shield-keyhole-line text-3xl text-zinc-300 group-hover:text-royal transition-all duration-300 mb-6"></i>
                    <h3 class="text-lg font-bold text-royal tracking-tight mb-3">Enterprise Security</h3>
                    <p class="text-[12px] text-soft leading-relaxed">Built-in KYC/AML, fraud detection, and PCI-DSS ready infrastructure to protect you and your customers.</p>
                </div>

                <div class="relative p-10 flex flex-col items-center text-center border-b border-zinc-100 group">
                    <i data-lucide="monitor-smartphone" class="text-3xl text-zinc-300 group-hover:text-royal transition-all duration-300 mb-6"></i>
                    <h3 class="text-lg font-bold text-royal tracking-tight mb-3">Web + Mobile Ready</h3>
                    <p class="text-[12px] text-soft leading-relaxed">Fully responsive web marketplace + native iOS & Android apps. Your brand on every screen, everywhere.</p>
                </div>

            </div>
        </div>
    </section>


    <section class="py-24 px-[5%] bg-zinc-50 overflow-hidden" id="the-divide">
        <div class="max-w-[1200px] mx-auto">

            <div class="text-center mb-20" data-aos="fade-up">
                <span class="font-mono text-[11px] uppercase tracking-[0.4em] text-electric block mb-4">{04} The Digital Reselling Divide</span>
                <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter text-royal">
                    The Difference Between Struggling <br>
                    <span class="italic font-serif text-brandOrange">and Scaling.</span>
                </h2>
                <p class="text-soft text-lg mt-6 max-w-[700px] mx-auto leading-relaxed font-sans">
                    Most digital resellers fail not because the market isn't there — but because they're building on broken foundations. Nesvra changes everything.
                </p>
            </div>

            <div class="grid lg:grid-cols-2 gap-0 rounded-[40px] overflow-hidden shadow-[0_50px_100px_-20px_rgba(0,0,0,0.1)]">

                <div class="bg-white p-10 md:p-16 border-r border-zinc-100">
                    <div class="flex items-center gap-3 mb-12">
                        <div class="w-10 h-10 rounded-full bg-red-50 text-red-500 flex items-center justify-center">
                            <i class="ri-close-line text-2xl"></i>
                        </div>
                        <h3 class="text-2xl font-bold text-royal tracking-tight">The Old Way</h3>
                    </div>

                    <div class="space-y-10">
                        <div class="group">
                            <h4 class="text-royal font-bold mb-2 flex items-center gap-2">
                                <span class="text-red-500/30 font-mono text-sm">01</span> Fragmented Suppliers
                            </h4>
                            <p class="text-soft text-sm leading-relaxed">Waking up to "out of stock" messages and angry customers. No real-time sync = lost reputation.</p>
                        </div>

                        <div class="group">
                            <h4 class="text-royal font-bold mb-2 flex items-center gap-2">
                                <span class="text-red-500/30 font-mono text-sm">02</span> Manual Order Hell
                            </h4>
                            <p class="text-soft text-sm leading-relaxed">Copy-pasting codes and sending emails one by one. Every minute eats your margin and your sanity.</p>
                        </div>

                        <div class="group">
                            <h4 class="text-royal font-bold mb-2 flex items-center gap-2">
                                <span class="text-red-500/30 font-mono text-sm">03</span> Checkout Friction
                            </h4>
                            <p class="text-soft text-sm leading-relaxed">Rejected transactions and limited support. Losing up to 30% of sales due to payment gateway "No's".</p>
                        </div>

                        <div class="group">
                            <h4 class="text-royal font-bold mb-2 flex items-center gap-2">
                                <span class="text-red-500/30 font-mono text-sm">04</span> Renting, Not Owning
                            </h4>
                            <p class="text-soft text-sm leading-relaxed">Building on 3rd-party platforms that can shut you down overnight. You're building someone else's empire.</p>
                        </div>
                    </div>

                    <div class="mt-16 p-6 bg-red-50/50 rounded-2xl border border-red-100">
                        <span class="text-3xl font-bold text-red-600 tracking-tighter block">90% Failure Rate</span>
                        <p class="text-[11px] text-red-800/60 uppercase tracking-widest mt-1 font-mono">Industry Statistic: First Year Crash</p>
                    </div>
                </div>

                <div class="bg-royal p-10 md:p-16 relative overflow-hidden">
                    <div class="absolute top-0 right-0 w-64 h-64 bg-electric/10 blur-[100px] rounded-full"></div>
                    <div class="absolute bottom-0 left-0 w-64 h-64 bg-brandOrange/10 blur-[100px] rounded-full"></div>

                    <div class="relative z-10">
                        <div class="flex items-center gap-3 mb-12">
                            <div class="w-10 h-10 rounded-full bg-white/10 text-brandOrange flex items-center justify-center">
                                <i class="ri-check-double-line text-2xl"></i>
                            </div>
                            <h3 class="text-2xl font-bold text-white tracking-tight">The Nesvra Way</h3>
                        </div>

                        <div class="space-y-10">
                            <div class="flex gap-5 group">
                                <div class="flex-shrink-0 w-8 h-8 rounded-lg bg-white/5 border border-white/10 flex items-center justify-center text-electric">
                                    <i class="ri-refresh-line"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">Unified Supplier Sync</h4>
                                    <p class="text-white/50 text-sm">500+ brands & 150+ countries with real-time inventory. Always in stock, always ready.</p>
                                </div>
                            </div>

                            <div class="flex gap-5 group">
                                <div class="flex-shrink-0 w-8 h-8 rounded-lg bg-white/5 border border-white/10 flex items-center justify-center text-electric">
                                    <i class="ri-auto-graph-line"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">Auto-Fulfillment Engine</h4>
                                    <p class="text-white/50 text-sm">Instant email, SMS, and in-app delivery. Zero manual intervention. Zero errors.</p>
                                </div>
                            </div>

                            <div class="flex gap-5 group">
                                <div class="flex-shrink-0 w-8 h-8 rounded-lg bg-white/5 border border-white/10 flex items-center justify-center text-electric">
                                    <i class="ri-bank-card-line"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">Global Payment Freedom</h4>
                                    <p class="text-white/50 text-sm">30+ gateways + Crypto. Stripe, Flutterwave, and more. Say yes to every customer.</p>
                                </div>
                            </div>

                            <div class="flex gap-5 group">
                                <div class="flex-shrink-0 w-8 h-8 rounded-lg bg-white/5 border border-white/10 flex items-center justify-center text-electric">
                                    <i class="ri-code-box-line"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">100% Code Ownership</h4>
                                    <p class="text-white/50 text-sm">You own the infrastructure. No monthly fees. No revenue share. Full control.</p>
                                </div>
                            </div>
                        </div>

                        <div class="mt-12 pt-12 border-t border-white/10">
                            <div class="flex flex-col md:items-center gap-8">
                                <div>
                                    <div class="flex items-baseline gap-2">
                                        <span class="text-4xl font-bold text-white tracking-tighter">3-5 Weeks</span>
                                        <span class="text-brandOrange font-mono text-xs uppercase tracking-widest">to Launch</span>
                                    </div>
                                    <p class="text-white/40 text-[11px] mt-2 leading-relaxed uppercase tracking-wider">
                                        vs. 6-12 months building from scratch — and <span class="text-white/70">$150,000+ saved</span> in development costs
                                    </p>
                                </div>

                                <div class="flex items-center gap-4 horizontal-scroll-wrapper">
                                    <div class="flex items-center gap-2 text-white/80 font-sans text-[12px]">
                                        <i class="ri-checkbox-circle-fill text-brandOrange"></i> Full source delivered
                                    </div>
                                    <div class="flex items-center gap-2 text-white/80 font-sans text-[12px]">
                                        <i class="ri-checkbox-circle-fill text-brandOrange"></i> Scale to millions of users
                                    </div>
                                    <div class="flex items-center gap-2 text-white/80 font-sans text-[12px]">
                                        <i class="ri-checkbox-circle-fill text-brandOrange"></i> 1-year technical support
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-24 px-[5%] bg-white hide-on-mobile" id="commerce-suite">
        <div class="max-w-[1400px] mx-auto">

            <div class="text-center mb-14" data-aos="fade-up">
                <span class="font-mono text-[11px] uppercase tracking-[0.4em] text-electric">{05} THE COMPLETE DIGITAL COMMERCE SUITE</span>
                <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter mt-6 text-royal leading-[1.1]">
                    Everything You Need to <br>
                    <span class="italic font-serif text-soft">Build, Launch, and Scale</span>
                </h2>
                <p class="text-soft text-lg mt-8 max-w-[800px] mx-auto leading-relaxed">
                    Not just features — a complete ecosystem designed to automate operations, maximize revenue, and give you total control. From supplier integration to customer delivery, we've built every piece.
                </p>
            </div>

            <?php
            $commerce_suite = [
                [
                    'title' => 'Global Gift Card System',
                    'desc' => 'Access 500+ top brands including Amazon, Apple, Netflix, Google Play, Steam, Uber, Razer Gold, Sephora, and Nintendo. Sell digital gift cards with region-specific pricing, bulk discounts, and instant delivery.',
                    'features' => ['Real-time inventory sync', 'Auto-expiry management', 'Bulk purchase discounts', 'Custom denominations'],
                    'monetization' => 'Revenue Potential: 5-15% margin per card',
                    'image' => 'https://i.pinimg.com/736x/14/54/b2/1454b24e2ef9d6e551437610eca27681.jpg?auto=format&fit=crop&q=80',
                    'accent' => 'brandOrange',
                    'delivery' => 'Delivery: Instant email/SMS'
                ],
                [
                    'title' => 'Airtime & Data System',
                    'desc' => 'Global mobile top-up covering 150+ countries and 800+ mobile operators including MTN, Airtel, Vodafone, and T-Mobile. Sell airtime, data bundles, and eSIMs with automated recharge.',
                    'features' => ['Auto-detection of operator', 'Bundle packages', 'Scheduled top-ups', 'Bulk corporate plans'],
                    'monetization' => 'Revenue Potential: 2-8% markup per recharge',
                    'image' => 'https://i.pinimg.com/1200x/e2/0f/17/e20f179fd3c024e841b86fd44787ed1c.jpg?auto=format&fit=crop&q=80',
                    'accent' => 'electric',
                    'delivery' => 'Recurring Users: Daily repeat buyers'
                ],
                [
                    'title' => 'Digital Marketplace Engine',
                    'desc' => 'A complete e-commerce backbone with product categories, advanced search filters, inventory management, flash sales, and trending algorithms. Your own Shopify-level commerce with zero monthly fees.',
                    'features' => ['Dynamic pricing', 'Reviews & ratings', 'Sales analytics', 'Smart search'],
                    'monetization' => 'Scale: Enterprise Inventory Control',
                    'image' => 'https://i.pinimg.com/736x/86/39/7f/86397f2619a59b89b88ae884450778f8.jpg?auto=format&fit=crop&q=80',
                    'accent' => 'brandOrange'
                ],
                [
                    'title' => 'Multi-Gateway Payments',
                    'desc' => '30+ integrated payment gateways including Stripe, PayPal, Flutterwave, Paystack, and Coinbase. Accept payments in 100+ currencies and crypto from anywhere in the world.',
                    'features' => ['Crypto ready', 'Mobile money', 'PCI compliant', 'Auto conversion'],
                    'monetization' => 'Reach: Accept 100+ Global Currencies',
                    'image' => 'https://i.pinimg.com/736x/22/86/ed/2286ed0ec53823405502bb4044e511a0.jpg?auto=format&fit=crop&q=80',
                    'accent' => 'electric'
                ],
                [
                    'title' => 'Instant Automation Engine',
                    'desc' => 'End-to-end automation from order to delivery. Zero manual intervention required — customers receive products instantly via email, SMS, and in-app notifications.',
                    'features' => ['Auto email delivery', 'SMS notifications', 'Push alerts', 'Real-time status'],
                    'monetization' => 'Efficiency: Scale to 10k+ Daily Orders',
                    'image' => 'https://i.pinimg.com/1200x/76/be/89/76be8903a69f7bd942ad6429c2e1575c.jpg?auto=format&fit=crop&q=80',
                    'accent' => 'brandOrange'
                ],
                [
                    'title' => 'Enterprise Admin Panel',
                    'desc' => 'Complete business control from a single dashboard. Manage products, pricing, KYC verification, support tickets, and advanced analytics — all in one place.',
                    'features' => ['Real-time analytics', 'User roles', 'Audit logs', 'Export reports'],
                    'monetization' => 'Trust: Institutional-Grade Oversight',
                    'image' => 'https://i.pinimg.com/1200x/e3/b7/a6/e3b7a62de10c1250f574dbf8240ed0ba.jpg?auto=format&fit=crop&q=80',
                    'accent' => 'electric'
                ]
            ];
            ?>

            <div class="mx-auto px-[3%]">
                <div class="space-y-32">
                    <?php foreach ($commerce_suite as $item): ?>
                        <div class="relative md:sticky top-24 bg-white mb-20 md:mb-0">
                            <div class="grid md:grid-cols-2 gap-16 items-center border-t border-gray-100 pt-16 group">

                                <div class="content-side" data-aos="fade-up">
                                    <span class="font-mono text-[10px] uppercase tracking-[0.3em] text-<?= $item['accent'] ?> mb-4 block font-bold">Commerce System</span>
                                    <h3 class="text-4xl text-royal font-[400] tracking-tighter mb-6 leading-tight"><?= $item['title'] ?></h3>
                                    <p class="text-base text-soft leading-relaxed mb-8"><?= $item['desc'] ?></p>

                                    <ul class="grid grid-cols-1 sm:grid-cols-2 gap-y-4 mb-10">
                                        <?php foreach ($item['features'] as $feature): ?>
                                            <li class="flex items-center gap-4 text-soft group/list">
                                                <div class="w-5 h-5 rounded-full bg-<?= $item['accent'] ?>/10 flex items-center justify-center transition-transform duration-300 group-hover/list:scale-110">
                                                    <i data-lucide="check" class="w-3 h-3 text-<?= $item['accent'] ?>"></i>
                                                </div>
                                                <span class="font-mono text-[12px] tracking-tight"><?= $feature ?></span>
                                            </li>
                                        <?php endforeach; ?>
                                    </ul>

                                    <div class="flex flex-col gap-2">
                                        <div class="inline-block px-4 py-2 bg-gray-50 rounded-lg border border-gray-100">
                                            <span class="font-mono text-[10px] uppercase tracking-widest text-<?= $item['accent'] ?> font-bold">
                                                <?= $item['monetization'] ?>
                                            </span>
                                        </div>
                                        <?php if (isset($item['delivery'])): ?>
                                            <div class="px-4 py-1">
                                                <span class="text-[11px] text-soft italic font-serif"><?= $item['delivery'] ?></span>
                                            </div>
                                        <?php endif; ?>
                                    </div>
                                </div>

                                <div class="image-side" data-aos="fade-up" data-aos-delay="200">
                                    <div class="aspect-[4/3] w-full rounded-[32px] overflow-hidden border border-gray-100 shadow-[0_32px_64px_-16px_rgba(8,31,92,0.1)] relative">
                                        <div class="absolute inset-0 bg-gradient-to-tr from-<?= $item['accent'] ?>/5 to-transparent pointer-events-none z-10"></div>

                                        <img src="<?= $item['image'] ?>"
                                            alt="<?= $item['title'] ?>"
                                            class="w-full h-full object-cover transform transition-transform duration-[2.5s] group-hover:scale-110" />

                                        <div class="absolute bottom-6 left-6 z-20 flex items-center gap-2 px-3 py-1.5 bg-white/90 backdrop-blur-md rounded-full border border-gray-200">
                                            <div class="w-1.5 h-1.5 rounded-full bg-<?= $item['accent'] ?> animate-pulse"></div>
                                            <span class="font-mono text-[9px] uppercase tracking-widest text-royal font-bold">System Online</span>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>

            <div class="mt-32 grid grid-cols-2 md:grid-cols-4 gap-8 border-t border-gray-100 pt-16">
                <div class="text-center group">
                    <i class="ri-team-line text-2xl text-soft group-hover:text-brandOrange transition-colors mb-2"></i>
                    <p class="font-mono text-[10px] uppercase tracking-widest text-royal font-bold">Affiliate System</p>
                </div>
                <div class="text-center group">
                    <i class="ri-translate-2 text-2xl text-soft group-hover:text-electric transition-colors mb-2"></i>
                    <p class="font-mono text-[10px] uppercase tracking-widest text-royal font-bold">Multi-Language</p>
                </div>
                <div class="text-center group">
                    <i class="ri-fingerprint-line text-2xl text-soft group-hover:text-brandOrange transition-colors mb-2"></i>
                    <p class="font-mono text-[10px] uppercase tracking-widest text-royal font-bold">KYC/AML Ready</p>
                </div>
                <div class="text-center group">
                    <i class="ri-smartphone-line text-2xl text-soft group-hover:text-electric transition-colors mb-2"></i>
                    <p class="font-mono text-[10px] uppercase tracking-widest text-royal font-bold">Mobile Apps Included</p>
                </div>
            </div>

        </div>
    </section>


    <section class="py-20 px-[5%] bg-white">
        <div class="max-w-[1200px] mx-auto">
            <div class="relative bg-[#0a0a0a] rounded-[40px] p-8 md:p-20 overflow-hidden shadow-[0_50px_100px_-20px_rgba(0,0,0,0.4)]">

                <div class="absolute top-0 right-0 w-full h-full bg-[radial-gradient(circle_at_80%_20%,rgba(255,138,0,0.08),transparent_50%)]"></div>
                <div class="absolute -bottom-24 -left-24 w-64 h-64 bg-electric/10 blur-[100px] rounded-full"></div>

                <div class="relative z-10 gap-6 items-center">

                    <div data-aos="fade-right" class="text-center w-full flex flex-col items-center justify-center mb-6">
                        <span class="font-mono text-[10px] uppercase tracking-[0.4em] text-brandOrange  mb-6">Ready to lead the revolution?</span>
                        <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter text-white leading-[1.1]">
                            One Platform.
                            <span class="italic font-serif text-zinc-400">Infinite Possibilities.</span>
                        </h2>
                        <p class="text-zinc-400 text-lg mt-8 max-w-[800px] leading-relaxed">
                            Nesvra isn't just software it's your complete launchpad into the <span class="text-white">$500B+ digital commerce economy.</span> All features included, no hidden fees.
                        </p>
                    </div>

                    <div class="flex flex-col sm:flex-row items-center justify-center  gap-6" data-aos="fade-left">
                        <a href="checkout.php?product=gift-cards" class="shimmer-effect group relative inline-flex items-center gap-3 px-10 py-5 bg-brandOrange text-white rounded-full transition-all duration-300 hover:scale-[1.05] active:translate-y-[2px] shadow-[0_20px_40px_-10px_rgba(255,138,0,0.3)]">
                            <div class="absolute inset-0 rounded-full border-t border-white/30 pointer-events-none"></div>
                            <span class="font-sans font-[600] tracking-tight text-base">Get Full Access</span>
                            <i data-lucide="arrow-right" class="w-5 h-5 group-hover:translate-x-1 transition-transform"></i>
                        </a>

                        <a href="get-demo.php?product=gift-cards" class="group flex items-center gap-3 px-8 py-5 bg-white/5 hover:bg-white/10 text-white border border-white/10 rounded-full transition-all duration-300 backdrop-blur-sm">
                            <span class="font-sans font-[500] tracking-tight text-base">See Live Demo</span>
                            <div class="w-2 h-2 rounded-full bg-electric animate-pulse"></div>
                        </a>
                    </div>

                </div>

            </div>
        </div>
    </section>

    <div class="bg-white p-1 md:p-2">
        <section id="omnichannel-ecosystem" class="relative bg-royal py-20 px-6 lg:px-14 overflow-hidden rounded-[40px]" data-aos="fade-up" data-aos-duration="1000">

            <div class="absolute -bottom-24 -left-24 w-[500px] h-[500px] bg-white/5 rounded-full blur-[100px] pointer-events-none"></div>
            <div class="absolute -top-24 -right-24 w-[400px] h-[400px] bg-electric/10 rounded-full blur-[80px] pointer-events-none"></div>

            <div class="max-w-[1200px] mx-auto relative z-10">

                <div class="text-center mb-16">
                    <span class="font-mono text-[11px] uppercase tracking-[0.4em] text-electric block mb-4">Omnichannel Ecosystem</span>
                    <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter text-white leading-[1.1]">
                        Meet Your Customers <br>
                        <span class="italic font-serif text-brandOrange">Where They Are.</span>
                    </h2>
                    <p class="text-white/60 text-lg mt-6 max-w-[750px] mx-auto leading-relaxed">
                        A complete cross-platform ecosystem one codebase, every screen. Why limit your business to one channel? Nesvra delivers a unified experience so you can scale without boundaries.
                    </p>
                </div>

                <div class="grid lg:grid-cols-3 gap-8">

                    <div class="bg-white/5 backdrop-blur-md border border-white/10 p-8 rounded-[32px] flex flex-col hover:bg-white/10 transition-all duration-500 group">
                        <div class="flex justify-between items-start mb-8">
                            <div class="w-12 h-12 rounded-2xl bg-white/10 flex items-center justify-center text-white group-hover:bg-brandOrange transition-all duration-500 group-hover:shadow-[0_0_20px_rgba(255,138,0,0.4)]">
                                <i class="ri-global-line text-2xl"></i>
                            </div>
                            <span class="font-mono text-[9px] uppercase tracking-widest px-3 py-1 bg-white/10 text-white/50 rounded-full border border-white/5">Starter Bundle</span>
                        </div>

                        <h3 class="text-2xl font-bold text-white mb-4">Web Platform</h3>
                        <p class="text-white/50 text-sm leading-relaxed mb-8">Fully responsive marketplace + powerful admin dashboard. SEO-optimized and ready to rank on Google.</p>

                        <ul class="space-y-4 mb-10 flex-grow">
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-checkbox-circle-fill text-brandOrange/80"></i> SEO-Ready Architecture
                            </li>
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-checkbox-circle-fill text-brandOrange/80"></i> Real-time 30+ Metric Analytics
                            </li>
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-checkbox-circle-fill text-brandOrange/80"></i> Advanced KYC/AML Verification
                            </li>
                        </ul>
                        <div class="pt-6 border-t border-white/10 font-mono text-[10px] uppercase text-brandOrange tracking-widest font-bold">
                            Included in All Plans
                        </div>
                    </div>

                    <div class="bg-white/5 backdrop-blur-md border border-white/10 p-8 rounded-[32px] flex flex-col hover:bg-white/10 transition-all duration-500 group relative">
                        <div class="flex justify-between items-start mb-8">
                            <div class="w-12 h-12 rounded-2xl bg-white/10 flex items-center justify-center text-white group-hover:bg-electric transition-all duration-500 group-hover:shadow-[0_0_20px_rgba(0,186,255,0.4)]">
                                <i class="ri-android-line text-2xl"></i>
                            </div>
                            <span class="font-mono text-[9px] uppercase tracking-widest px-3 py-1 bg-electric/20 text-electric rounded-full border border-electric/20">Growth Tier</span>
                        </div>

                        <h3 class="text-2xl font-bold text-white mb-4">Android Native</h3>
                        <p class="text-white/50 text-sm leading-relaxed mb-8">Fully white-labeled Kotlin app ready for Play Store. Built for maximum performance and native features.</p>

                        <ul class="space-y-4 mb-10 flex-grow">
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-checkbox-circle-fill text-electric/80"></i> Biometric Login & Face Unlock
                            </li>
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-checkbox-circle-fill text-electric/80"></i> Push Notifications & Alerts
                            </li>
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-checkbox-circle-fill text-electric/80"></i> QR Code Redemption System
                            </li>
                        </ul>
                        <div class="pt-6 border-t border-white/10 font-mono text-[10px] uppercase text-electric tracking-widest font-bold">
                            Professional & Expert
                        </div>
                    </div>

                    <div class="bg-white/5 backdrop-blur-md border border-white/20 p-8 rounded-[32px] flex flex-col hover:bg-white/10 transition-all duration-500 group relative overflow-hidden">
                        <div class="absolute -top-1 right-2 px-4 py-2 bg-brandOrange text-white text-[9px] font-bold uppercase tracking-widest rounded-b-xl shadow-lg shadow-brandOrange/20">Enterprise</div>

                        <div class="flex justify-between items-start mb-8">
                            <div class="w-12 h-12 rounded-2xl bg-white/10 flex items-center justify-center text-white group-hover:bg-white group-hover:text-royal transition-all duration-500">
                                <i class="ri-apple-line text-2xl"></i>
                            </div>
                            <span class="font-mono text-[9px] uppercase tracking-widest px-3 py-1 bg-white/10 text-white/50 rounded-full border border-white/5">Elite Only</span>
                        </div>

                        <h3 class="text-2xl font-bold text-white mb-4">iOS Native</h3>
                        <p class="text-white/50 text-sm leading-relaxed mb-8">Premium Swift/SwiftUI app. Face ID, Apple Pay, and haptic feedback ready out of the box.</p>

                        <ul class="space-y-4 mb-10 flex-grow">
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-apple-fill text-white"></i> Apple Pay 1-Tap Integration
                            </li>
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-apple-fill text-white"></i> Face ID & Touch ID Support
                            </li>
                            <li class="flex items-center gap-3 text-white/80 text-xs">
                                <i class="ri-apple-fill text-white"></i> Native Home Screen Widgets
                            </li>
                        </ul>
                        <div class="pt-6 border-t border-white/10 font-mono text-[10px] uppercase text-white tracking-widest font-bold">
                            Expert Plan Only
                        </div>
                    </div>

                </div>

                <div class="mt-16 text-center">
                    <div class="inline-flex flex-wrap items-center justify-center gap-x-12 gap-y-6 px-10 py-5 bg-white/5 border border-white/10 rounded-full backdrop-blur-xl">
                        <div class="flex items-center gap-3 group">
                            <span class="text-brandOrange font-bold text-2xl group-hover:scale-110 transition-transform">3x</span>
                            <div class="text-left">
                                <p class="text-white/80 text-[10px] font-bold uppercase tracking-widest leading-none">Higher</p>
                                <p class="text-white/40 text-[9px] uppercase tracking-tighter">User Retention</p>
                            </div>
                        </div>
                        <div class="w-[1px] h-6 bg-white/10 hidden md:block"></div>
                        <div class="flex items-center gap-3 group">
                            <span class="text-electric font-bold text-2xl group-hover:scale-110 transition-transform">2.5x</span>
                            <div class="text-left">
                                <p class="text-white/80 text-[10px] font-bold uppercase tracking-widest leading-none">More</p>
                                <p class="text-white/40 text-[9px] uppercase tracking-tighter">Repeat Purchases</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>
    </div>

    <section class="py-20 px-[5%] bg-white overflow-hidden" id="unified-experience">
        <div class="max-w-[1200px] mx-auto">
            <div class="grid lg:grid-cols-2 gap-12 md:gap-20 items-center">

                <div class="relative order-2 lg:order-1" data-aos="fade-right">
                    <div class="absolute -top-10 -left-10 w-48 h-48 bg-electric/5 blur-[80px] rounded-full"></div>
                    <div class="relative aspect-[4/3] bg-zinc-50 rounded-[32px] overflow-hidden border border-zinc-100 shadow-[0_30px_60px_-15px_rgba(0,0,0,0.05)] group">
                        <img src="https://i.pinimg.com/1200x/0d/cd/00/0dcd006e2cb4b3f9a4a411b5f5edc7c8.jpg?auto=format&fit=crop&q=80"
                            alt="Dashboard Sync"
                            class="w-full h-full object-cover transform transition-transform duration-[2s] group-hover:scale-105" />

                        <div class="absolute top-6 right-6 px-4 py-2 bg-white/90 backdrop-blur-md rounded-full border border-zinc-200/50 flex items-center gap-2">
                            <div class="w-1.5 h-1.5 rounded-full bg-brandOrange animate-pulse"></div>
                            <span class="font-mono text-[9px] uppercase tracking-[0.2em] text-royal font-bold">Cloud Sync Active</span>
                        </div>
                    </div>
                </div>

                <div class="order-1 lg:order-2 lg:max-w-[480px]" data-aos="fade-left">
                    <span class="font-mono text-[10px] uppercase tracking-[0.4em] text-electric block mb-4">Architecture</span>

                    <h2 class="text-3xl md:text-5xl font-[400] tracking-tighter text-royal leading-[1.15] mb-4">
                        One Central Dashboard. <br>
                        <span class="italic font-serif text-brandOrange">All Platforms Synced.</span>
                    </h2>

                    <p class="text-soft text-base leading-relaxed mb-4">
                        Manage your entire empire from a single admin panel. Update products once changes reflect instantly across Web, Android, and iOS.
                    </p>

                    <div class=" mb-3">
                        <div class="flex items-center gap-3 py-2 border-b border-zinc-50 group">
                            <i class="ri-refresh-line text-brandOrange text-lg group-hover:rotate-180 transition-transform duration-500"></i>
                            <span class="text-royal font-[400] text-sm tracking-tight">Real-time synchronization</span>
                        </div>

                        <div class="flex items-center gap-3 py-2 border-b border-zinc-50 group">
                            <i class="ri-database-2-line text-brandOrange text-lg"></i>
                            <span class="text-royal font-[400] text-sm tracking-tight">Shared database & logic</span>
                        </div>

                        <div class="flex items-center gap-3 py-2 border-b border-zinc-50 group">
                            <i class="ri-device-line text-brandOrange text-lg"></i>
                            <span class="text-royal font-[400] text-sm tracking-tight">Consistent UX across devices</span>
                        </div>
                    </div>

                    <a href="#demo" class="inline-flex items-center gap-3 px-8 py-4 bg-zinc-950 text-white rounded-full text-xs font-bold uppercase tracking-widest hover:bg-brandOrange transition-all duration-300">
                        View Demo Suite
                        <i class="ri-arrow-right-line"></i>
                    </a>
                </div>

            </div>
        </div>
    </section>


    <section class="py-24 px-[5%] bg-[#050505] overflow-hidden" id="cashflow-machine">
        <div class="max-w-[1200px] mx-auto">

            <div class="text-center mb-20" data-aos="fade-up">
                <span class="font-mono text-[11px] uppercase tracking-[0.5em] text-brandOrange block mb-4">The Monetization Engine</span>
                <h2 class="text-4xl md:text-7xl font-[400] tracking-tighter text-white leading-[1.1]">
                    Your Daily <br>
                    <span class="italic font-serif text-zinc-300">Cashflow Machine.</span>
                </h2>
                <p class="text-zinc-300 text-lg mt-8 max-w-[700px] mx-auto leading-relaxed">
                    Nesvra isn't just a marketplace — it's a complete monetization ecosystem. We've engineered <span class="text-white">5+ revenue streams</span> so you profit from every angle.
                </p>
            </div>

            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-20">

                <div class="group relative bg-white/[0.05] border border-white/20 p-8 rounded-[32px] hover:bg-white/[0.08] transition-all duration-500">
                    <div class="text-4xl font-bold text-white mb-2 tracking-tighter">5-20%</div>
                    <h4 class="text-brandOrange font-mono text-[11px] uppercase tracking-widest font-bold mb-6">Product Markup</h4>
                    <p class="text-zinc-200 text-sm leading-relaxed mb-6">Set your own margins on gift cards & airtime. <span class="text-white">Zero caps</span> on your earnings.</p>
                    <div class="text-zinc-400 font-mono text-[10px] mt-auto uppercase tracking-tighter border-t border-white/10 pt-4">Avg: $2-15 profit / sale</div>
                </div>

                <div class="group relative bg-white/[0.05] border border-white/20 p-8 rounded-[32px] hover:bg-white/[0.08] transition-all duration-500">
                    <div class="text-4xl font-bold text-white mb-2 tracking-tighter">1-3%</div>
                    <h4 class="text-electric font-mono text-[11px] uppercase tracking-widest font-bold mb-6">Transaction Fees</h4>
                    <p class="text-zinc-200 text-sm leading-relaxed mb-6">Charge a small fee per order. Build <span class="text-white">predictable, passive</span> income.</p>
                    <div class="text-zinc-400 font-mono text-[10px] mt-auto uppercase tracking-tighter border-t border-white/10 pt-4">1k orders = $300-900 daily</div>
                </div>

                <div class="group relative bg-white/[0.05] border border-white/20 p-8 rounded-[32px] hover:bg-white/[0.08] transition-all duration-500">
                    <div class="text-4xl font-bold text-white mb-2 tracking-tighter">10-20%</div>
                    <h4 class="text-brandOrange font-mono text-[11px] uppercase tracking-widest font-bold mb-6">Affiliate Cuts</h4>
                    <p class="text-zinc-200 text-sm leading-relaxed mb-6">Built-in referral system. Keep a <span class="text-white">percentage</span> of every external sale.</p>
                    <div class="text-zinc-400 font-mono text-[10px] mt-auto uppercase tracking-tighter border-t border-white/10 pt-4">Free customer acquisition</div>
                </div>

                <div class="group relative bg-white/[0.05] border border-white/20 p-8 rounded-[32px] hover:bg-white/[0.08] transition-all duration-500">
                    <div class="text-4xl font-bold text-white mb-2 tracking-tighter">$9-49</div>
                    <h4 class="text-electric font-mono text-[11px] uppercase tracking-widest font-bold mb-6">Premium Tiers</h4>
                    <p class="text-zinc-200 text-sm leading-relaxed mb-6">Offer VIP memberships for <span class="text-white">exclusive discounts</span> and recurring revenue.</p>
                    <div class="text-zinc-400 font-mono text-[10px] mt-auto uppercase tracking-tighter border-t border-white/10 pt-4">500 subs = $5k-24k/mo</div>
                </div>
            </div>

            <div class="grid lg:grid-cols-12 gap-8 items-start">

                <div class="lg:col-span-4 bg-brandOrange/10 border border-brandOrange/20 p-10 rounded-[40px]">
                    <h3 class="text-white font-bold text-xl mb-8 flex items-center gap-3">
                        <i class="ri-flashlight-line text-brandOrange"></i> Bonus Revenue
                    </h3>
                    <ul class="space-y-6">
                        <li class="group">
                            <span class="text-white text-base font-bold block mb-1">Sponsored Listings</span>
                            <p class="text-zinc-300 text-xs">Vendors pay for top-tier search visibility.</p>
                        </li>
                        <li class="group">
                            <span class="text-white text-base font-bold block mb-1">Currency Conversion</span>
                            <p class="text-zinc-300 text-xs">Earn from cross-currency & crypto spreads.</p>
                        </li>
                        <li class="group">
                            <span class="text-white text-base font-bold block mb-1">White-Label Licensing</span>
                            <p class="text-zinc-300 text-xs">License your infrastructure to others.</p>
                        </li>
                    </ul>
                </div>

                <div class="lg:col-span-8 bg-white/[0.03] border border-white/10 rounded-[40px] overflow-hidden shadow-2xl">
                    <div class="p-8 border-b border-white/10 flex justify-between items-center bg-white/[0.02]">
                        <h3 class="text-white font-bold text-xl tracking-tight">Revenue Projections</h3>
                        <span class="px-4 py-1.5 rounded-full bg-brandOrange/20 text-brandOrange font-mono text-[10px] uppercase tracking-widest font-bold">Scaling Potential</span>
                    </div>

                    <table class="w-full text-left">
                        <thead>
                            <tr class="text-zinc-400 font-mono text-[11px] uppercase tracking-[0.2em] bg-white/[0.01]">
                                <th class="p-8">Daily Orders</th>
                                <th class="p-8 text-right">Est. Monthly Revenue</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-white/10">
                            <tr class="group hover:bg-white/5 transition-colors">
                                <td class="p-8 text-zinc-100 font-bold text-lg">100 Orders</td>
                                <td class="p-8 text-right font-bold text-white text-lg">$3,000 - $8,000</td>
                            </tr>
                            <tr class="group hover:bg-white/5 transition-colors">
                                <td class="p-8 text-zinc-100 font-bold text-lg">500 Orders</td>
                                <td class="p-8 text-right font-bold text-electric text-lg">$15,000 - $40,000</td>
                            </tr>
                            <tr class="group hover:bg-white/5 transition-colors">
                                <td class="p-8 text-zinc-100 font-bold text-xl">2,000+ Orders</td>
                                <td class="p-8 text-right font-extrabold text-brandOrange text-2xl">$60,000 - $150k+</td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="p-6 bg-white/[0.02] text-[11px] text-zinc-400 italic text-center">
                        *Estimates based on 8% markup + fees. Your actual results will scale with your marketing effort.
                    </div>
                </div>

            </div>
        </div>
    </section>


    <?php
    $plans = [
        [
            "title" => "Beginner",
            "badge" => "STARTUP ESSENTIALS",
            "price" => "3,000",
            "sub" => "Web Platform",
            "accent" => "royal",
            "highlight" => "2-3 weeks to launch",
            "btn" => "Secure Beginner",
            "features" => [
                "500+ Gift Card Brands (Amazon, Apple, Netflix)",
                "Airtime Top-Up — 150+ countries",
                "5 Payment Gateways (Stripe, PayPal, etc.)",
                "Admin Dashboard — full business control",
                "Automated Order Fulfillment — email/SMS",
                "Basic Analytics & Reporting"
            ]
        ],
        [
            "title" => "Professional",
            "badge" => "MOST POPULAR — BEST VALUE",
            "price" => "4,000",
            "sub" => "Web Platform + Android App",
            "accent" => "brandOrange",
            "highlight" => "Save $8,000 vs buying separately",
            "btn" => "Get Professional",
            "popular" => true,
            "features" => [
                "<strong>All Beginner Features +</strong>",
                "Full Android Native App — Play Store ready",
                "15+ Gateways + Crypto (Coinbase, Binance)",
                "Advanced KYC/AML Verification",
                "Affiliate & Referral System",
                "Push Notifications — SMS & Email marketing tools",
                "Advanced Analytics Dashboard"
            ]
        ],
        [
            "title" => "Expert",
            "badge" => "ENTERPRISE READY",
            "price" => "5,000",
            "sub" => "Web + Android + iOS",
            "accent" => "electric",
            "highlight" => "Complete ecosystem — everything included",
            "btn" => "Claim Expert",
            "features" => [
                "<strong>All Professional Features +</strong>",
                "Full iOS Native App — Swift/SwiftUI",
                "Apple Pay & Face ID Integration",
                "Complete Services Ecosystem — eSIM, bill payments",
                "White-Glove Onboarding — dedicated setup support",
                "Priority 24/7 Technical Support (1 year)",
                "Custom Branding Package — logo, colors, domain"
            ]
        ]
    ];
    ?>

    <section class="py-24 px-[5%] bg-white overflow-hidden" id="investment-plans">
        <div class="max-w-[1200px] mx-auto">

            <div class="text-center mb-12" data-aos="fade-up">
                <span class="font-mono text-[11px] uppercase tracking-[0.4em] text-electric">One-Time Investment</span>
                <h2 class="text-5xl md:text-6xl font-[400] tracking-tighter text-royal mt-6">
                    Own the Platform. <span class="italic font-serif text-brandOrange">Zero Monthly Fees.</span>
                </h2>
                <p class="text-soft text-lg mt-6 max-w-[700px] mx-auto leading-relaxed">
                    A single, one-time payment for lifetime access. No subscriptions, no hidden fees. Just a powerful platform to launch and scale your digital commerce empire.
                </p>
            </div>

            <div class="grid md:grid-cols-3 gap-8 items-stretch">
                <?php foreach ($plans as $plan): ?>
                    <div class="flex flex-col h-full p-10 rounded-[32px] overflow-hidden <?= isset($plan['popular']) ? 'bg-white border-2 border-royal shadow-2xl scale-105 z-10' : 'bg-zinc-50 border border-zinc-100 hover:border-royal/20 transition-all duration-500' ?>" data-aos="fade-up">

                        <?php if (isset($plan['popular'])): ?>
                            <div class="absolute top-0 right-0 bg-brandOrange text-white px-6 py-2 rounded-bl-2xl font-mono text-[9px] uppercase tracking-widest font-bold">
                                Most Popular
                            </div>
                        <?php endif; ?>

                        <div class="mb-8">
                            <p class="font-mono text-[10px] uppercase tracking-widest text-<?= $plan['accent'] ?> font-bold mb-2"><?= $plan['badge'] ?></p>
                            <h3 class="text-3xl font-bold text-royal tracking-tight mb-2"><?= $plan['title'] ?></h3>
                            <div class="flex items-baseline gap-1 mb-4">
                                <span class="text-5xl font-bold text-royal tracking-tighter">$<?= $plan['price'] ?></span>
                                <span class="text-[10px] font-mono text-soft uppercase">One-time</span>
                            </div>
                            <div class="inline-block px-3 py-1 bg-royal/5 rounded-md">
                                <p class="text-[10px] font-bold text-royal uppercase tracking-tight">Included: <?= $plan['sub'] ?></p>
                            </div>
                        </div>

                        <ul class="space-y-4 mb-10 flex-grow">
                            <?php foreach ($plan['features'] as $feature): ?>
                                <li class="flex items-start gap-3 text-xs text-soft leading-relaxed">
                                    <i class="ri-checkbox-circle-fill text-<?= $plan['accent'] ?> mt-0.5"></i>
                                    <span><?= $feature ?></span>
                                </li>
                            <?php endforeach; ?>
                        </ul>

                        <div class="border-t border-zinc-200 pt-8">
                            <a href="checkout.php?product=gift-cards&plan=<?= strtolower(explode(' ', $plan['name'])[0]) ?>" class="w-full py-4 <?= isset($plan['popular']) ? 'bg-royal text-white' : 'border border-royal text-royal' ?> rounded-full text-center block text-xs font-bold uppercase tracking-widest hover:bg-black hover:text-white hover:border-black transition-all">
                                <?= $plan['btn'] ?> →
                            </a>
                            <p class="text-center text-[9px] font-mono <?= isset($plan['popular']) ? 'text-brandOrange font-bold' : 'text-soft' ?> uppercase mt-4 tracking-widest">
                                <?= $plan['highlight'] ?>
                            </p>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>



    <section class="py-24 px-[5%] bg-white" id="investment-logic">
        <div class="max-w-[1200px] mx-auto">

            <div class="mb-16 text-left">
                <span class="font-mono text-[10px] uppercase tracking-[0.4em] text-brandOrange block mb-4">Investment Analysis</span>
                <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter text-royal leading-[1.1]">
                    Why Nesvra is the <br>
                    <span class="italic font-serif text-zinc-400">Smarter Investment.</span>
                </h2>
            </div>

            <div class="grid lg:grid-cols-3 gap-8 items-stretch">

                <div class="bg-zinc-50 border border-zinc-100 p-10 rounded-[40px] flex flex-col group">
                    <div class="mb-8">
                        <span class="text-zinc-400 font-mono text-[10px] uppercase tracking-widest">Custom Development</span>
                        <div class="text-3xl font-bold text-royal mt-2">$150K+</div>
                    </div>

                    <ul class="space-y-5 mb-10 flex-grow">
                        <li class="flex items-center gap-3 text-zinc-500 text-sm italic">
                            <i class="ri-close-circle-line text-red-400 text-lg"></i> 6–12 months build time
                        </li>
                        <li class="flex items-center gap-3 text-zinc-500 text-sm italic">
                            <i class="ri-close-circle-line text-red-400 text-lg"></i> High risk of bugs/delays
                        </li>
                        <li class="flex items-center gap-3 text-zinc-500 text-sm italic">
                            <i class="ri-close-circle-line text-red-400 text-lg"></i> No support included
                        </li>
                    </ul>

                    <div class="text-[10px] font-bold text-zinc-400 uppercase tracking-widest">High Risk Venture</div>
                </div>

                <div class="relative bg-royal p-10 rounded-[40px] flex flex-col shadow-[0_40px_80px_-15px_rgba(0,34,136,0.2)] transform lg:scale-105 z-10 border-4 border-brandOrange/20">
                    <div class="absolute -top-5 left-1/2 -translate-x-1/2 px-6 py-2 bg-brandOrange text-white text-[10px] font-bold uppercase tracking-[0.2em] rounded-full shadow-lg">The Winner</div>

                    <div class="mb-8 pt-4">
                        <span class="text-white/50 font-mono text-[10px] uppercase tracking-widest">Nesvra One-Time</span>
                        <div class="text-4xl font-bold text-white mt-2">$3,000 - $5,000</div>
                    </div>

                    <ul class="space-y-5 mb-10 flex-grow">
                        <li class="flex items-center gap-3 text-white text-sm font-[400]">
                            <i class="ri-checkbox-circle-fill text-brandOrange text-xl"></i> 2–4 weeks to launch
                        </li>
                        <li class="flex items-center gap-3 text-white text-sm font-[400]">
                            <i class="ri-checkbox-circle-fill text-brandOrange text-xl"></i> Full Source Code Delivered
                        </li>
                        <li class="flex items-center gap-3 text-white text-sm font-[400]">
                            <i class="ri-checkbox-circle-fill text-brandOrange text-xl"></i> Lifetime Ownership
                        </li>
                        <li class="flex items-center gap-3 text-white text-sm font-[400]">
                            <i class="ri-checkbox-circle-fill text-brandOrange text-xl"></i> 100% Revenue Retention
                        </li>
                    </ul>

                    <div class="text-[10px] font-bold text-brandOrange uppercase tracking-widest flex items-center gap-2">
                        <span class="w-2 h-2 rounded-full bg-brandOrange animate-pulse"></span> Highest ROI Strategy
                    </div>
                </div>

                <div class="bg-zinc-50 border border-zinc-100 p-10 rounded-[40px] flex flex-col group">
                    <div class="mb-8">
                        <span class="text-zinc-400 font-mono text-[10px] uppercase tracking-widest">SaaS Alternatives</span>
                        <div class="text-3xl font-bold text-royal mt-2">$500 - $2,000<span class="text-sm font-normal text-zinc-400">/mo</span></div>
                    </div>

                    <ul class="space-y-5 mb-10 flex-grow">
                        <li class="flex items-center gap-3 text-zinc-500 text-sm italic">
                            <i class="ri-close-circle-line text-red-400 text-lg"></i> No platform ownership
                        </li>
                        <li class="flex items-center gap-3 text-zinc-500 text-sm italic">
                            <i class="ri-close-circle-line text-red-400 text-lg"></i> Revenue share / Transaction fees
                        </li>
                        <li class="flex items-center gap-3 text-zinc-500 text-sm italic">
                            <i class="ri-close-circle-line text-red-400 text-lg"></i> Monthly fees forever
                        </li>
                    </ul>

                    <div class="text-[10px] font-bold text-zinc-400 uppercase tracking-widest">Eternal Liability</div>
                </div>

            </div>

            <div class="mt-20 pt-10 border-t border-zinc-100 flex flex-wrap justify-center md:justify-between items-center gap-8">
                <div class="flex flex-col">
                    <span class="text-zinc-400 font-mono text-[10px] uppercase tracking-[0.2em] mb-2">Platform Power</span>
                    <p class="text-royal font-bold text-xl tracking-tight">Unlimited Scalability Enabled</p>
                </div>

                <div class="flex gap-4">
                    <div class="px-5 py-3 bg-zinc-50 rounded-2xl border border-zinc-100 text-royal font-bold text-xs uppercase tracking-widest">No Monthly Fees Ever</div>
                    <div class="px-5 py-3 bg-zinc-50 rounded-2xl border border-zinc-100 text-royal font-bold text-xs uppercase tracking-widest">100% Revenue Retention</div>
                </div>
            </div>

        </div>
    </section>






    <div class="bg-white p-1 md:p-2">
        <section id="launch-accelerator" class="relative bg-royal py-20 px-6 lg:px-14 overflow-hidden rounded-[40px]" data-aos="fade-up">

            <div class="absolute -top-24 -right-24 w-[400px] h-[400px] bg-electric/10 rounded-full blur-[100px] pointer-events-none"></div>
            <div class="absolute -bottom-24 -left-24 w-[500px] h-[500px] bg-white/5 rounded-full blur-[120px] pointer-events-none"></div>

            <div class="max-w-[1200px] mx-auto relative z-10">

                <div class="mb-16">
                    <span class="font-mono text-[11px] uppercase tracking-[0.4em] text-electric block mb-4">Launch Accelerator</span>
                    <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter text-white leading-[1.1]">
                        Supercharge Your <br>
                        <span class="italic font-serif text-brandOrange">Go-to-Market.</span>
                    </h2>
                    <p class="text-white/70 text-lg mt-6 max-w-[650px] leading-relaxed">
                        Take your marketplace from code to customers faster with premium add-on services. Each designed to remove friction and <span class="text-white font-bold">maximize launch impact.</span>
                    </p>
                </div>

                <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">

                    <div class="bg-white/5 backdrop-blur-md border border-white/10 p-8 rounded-[32px] hover:bg-white/10 transition-all duration-500 group flex flex-col">
                        <div class="flex justify-between items-start mb-6">
                            <div class="text-brandOrange font-bold text-xl">$250<span class="text-[10px] text-white/40">/store</span></div>
                            <i class="ri-apps-2-line text-white/20 text-2xl group-hover:text-brandOrange transition-colors"></i>
                        </div>
                        <h3 class="text-white font-bold text-lg mb-3 leading-tight">App Store Submission</h3>
                        <p class="text-white/50 text-[11px] leading-relaxed mb-6 flex-grow">
                            We handle developer accounts, compliance, and metadata—ensuring approval on the first try.
                        </p>
                        <ul class="space-y-3 pt-4 border-t border-white/5 text-[10px] font-mono uppercase tracking-widest text-white/80">
                            <li class="flex items-center gap-2"><i class="ri-check-line text-brandOrange"></i> 100% Approval</li>
                            <li class="flex items-center gap-2"><i class="ri-check-line text-brandOrange"></i> ASO Optimized</li>
                        </ul>
                    </div>

                    <div class="bg-white/5 backdrop-blur-md border border-white/10 p-8 rounded-[32px] hover:bg-white/10 transition-all duration-500 group flex flex-col">
                        <div class="flex justify-between items-start mb-6">
                            <div class="text-electric font-bold text-xl">$250</div>
                            <i class="ri-palette-line text-white/20 text-2xl group-hover:text-electric transition-colors"></i>
                        </div>
                        <h3 class="text-white font-bold text-lg mb-3 leading-tight">Fintech Branding</h3>
                        <p class="text-white/50 text-[11px] leading-relaxed mb-6 flex-grow">
                            Custom logo, full color scheme, and email templates. Look like a premium fintech from day one.
                        </p>
                        <ul class="space-y-3 pt-4 border-t border-white/5 text-[10px] font-mono uppercase tracking-widest text-white/80">
                            <li class="flex items-center gap-2"><i class="ri-check-line text-electric"></i> 3 Revisions</li>
                            <li class="flex items-center gap-2"><i class="ri-check-line text-electric"></i> Source Files</li>
                        </ul>
                    </div>

                    <div class="bg-white/5 backdrop-blur-md border border-white/10 p-8 rounded-[32px] hover:bg-white/10 transition-all duration-500 group flex flex-col">
                        <div class="flex justify-between items-start mb-6">
                            <div class="text-brandOrange font-bold text-xl">$150</div>
                            <i class="ri-rocket-2-line text-white/20 text-2xl group-hover:text-brandOrange transition-colors"></i>
                        </div>
                        <h3 class="text-white font-bold text-lg mb-3 leading-tight">Social Engine</h3>
                        <p class="text-white/50 text-[11px] leading-relaxed mb-6 flex-grow">
                            Everything you need to go viral. Canva templates, email sequences, and a 7-day calendar.
                        </p>
                        <ul class="space-y-3 pt-4 border-t border-white/5 text-[10px] font-mono uppercase tracking-widest text-white/80">
                            <li class="flex items-center gap-2"><i class="ri-check-line text-brandOrange"></i> Canva Ready</li>
                            <li class="flex items-center gap-2"><i class="ri-check-line text-brandOrange"></i> IG & TikTok</li>
                        </ul>
                    </div>

                    <div class="bg-white/5 backdrop-blur-md border border-white/10 p-8 rounded-[32px] hover:bg-white/10 transition-all duration-500 group flex flex-col">
                        <div class="flex justify-between items-start mb-6">
                            <div class="text-electric font-bold text-xl">$600</div>
                            <i class="ri-scales-3-line text-white/20 text-2xl group-hover:text-electric transition-colors"></i>
                        </div>
                        <h3 class="text-white font-bold text-lg mb-3 leading-tight">Regulatory Fast-Track</h3>
                        <p class="text-white/50 text-[11px] leading-relaxed mb-6 flex-grow">
                            Terms of service, privacy policy, and KYC/AML setup. Navigate legal requirements with confidence.
                        </p>
                        <ul class="space-y-3 pt-4 border-t border-white/5 text-[10px] font-mono uppercase tracking-widest text-white/80">
                            <li class="flex items-center gap-2"><i class="ri-check-line text-electric"></i> Legal Experts</li>
                            <li class="flex items-center gap-2"><i class="ri-check-line text-electric"></i> Compliance</li>
                        </ul>
                    </div>

                </div>

                <div class="mt-8 bg-brandOrange p-px rounded-[32px] group overflow-hidden">
                    <div class="bg-royal rounded-[31px] p-8 md:p-10 flex flex-col md:flex-row items-center justify-between gap-8 transition-colors group-hover:bg-royal/80">
                        <div class="text-center md:text-left">
                            <div class="inline-block px-3 py-1 bg-brandOrange/20 text-brandOrange text-[9px] font-bold uppercase tracking-widest rounded-full mb-4">Exclusive Bundle</div>
                            <h4 class="text-2xl md:text-3xl font-bold text-white mb-2">Complete Launch Bundle</h4>
                            <p class="text-white/60 text-sm">App Store + Branding + Social Engine + Regulatory</p>
                        </div>
                        <div class="text-center md:text-right">
                            <div class="text-4xl font-black text-white mb-2">$1,150</div>
                            <p class="text-brandOrange font-mono text-[10px] uppercase tracking-widest mb-6">Save $100 Instantly</p>
                            <button class="px-10 py-4 bg-brandOrange text-white rounded-full font-bold text-sm hover:scale-105 transition-transform shadow-[0_15px_30px_-5px_rgba(255,138,0,0.4)]">
                                Claim Complete Bundle
                            </button>
                        </div>
                    </div>
                </div>

            </div>
        </section>
    </div>




    <?php
    $faqs = [
        [
            "q" => "Do I get suppliers integrated?",
            "a" => "Yes — we provide ready-to-use API connections for global airtime, gift cards, and bill payment providers. You get pre-configured supplier credentials, real-time inventory sync, and automated pricing updates. <br><small class='block mt-2 opacity-60'>• 150+ countries covered • 500+ gift card brands • 99.9% uptime SLA</small>",
            "icon" => "ri-global-line"
        ],
        [
            "q" => "Is delivery automated?",
            "a" => "100% automated — from order to delivery. The moment payment is confirmed, the system triggers instant fulfillment via email, SMS, and in-app notifications. No manual intervention or human error. <br><small class='block mt-2 opacity-60'>• 3-8 seconds average delivery • Scale to 1,000s of daily orders</small>",
            "icon" => "ri-flashlight-line"
        ],
        [
            "q" => "Do I own the source code?",
            "a" => "Yes — you own 100% of the code. We deliver complete, unencrypted source code: PHP/Laravel backend, React/Vue frontend, and Flutter mobile apps. No vendor lock-in or encryption. <br><small class='block mt-2 opacity-60'>• Full documentation • Database schema provided • No monthly rental</small>",
            "icon" => "ri-code-box-line"
        ],
        [
            "q" => "What happens after purchase?",
            "a" => "Immediate access to source code, setup docs, and video tutorials. You'll receive a welcome email within 15 minutes. Expert plan customers get a white-glove onboarding call within 48 hours. <br><small class='block mt-2 opacity-60'>• Instant code delivery • Setup walkthrough • 7-day tech support</small>",
            "icon" => "ri-customer-service-2-line"
        ],
        [
            "q" => "Can I upgrade plans later?",
            "a" => "Absolutely. Start with Beginner to validate your market, then upgrade to Professional or Expert anytime. You only pay the difference. All your data and settings transfer seamlessly. <br><small class='block mt-2 opacity-60'>• Upgrade pricing: Difference + 10% • Zero migration downtime</small>",
            "icon" => "ri-arrow-up-circle-line"
        ],
        [
            "q" => "What payment gateways are supported?",
            "a" => "30+ integrated gateways covering every major region including Stripe, PayPal, Flutterwave, and Crypto. <br><small class='block mt-2 opacity-60'>💳 Cards • ₿ Crypto • 📱 Mobile Money</small>",
            "icon" => "ri-bank-card-line"
        ]
    ];
    ?>

    <section class="py-24 px-[5%] bg-white overflow-hidden" id="faq-vault">
        <div class="max-w-[1100px] mx-auto">

            <div class="text-center mb-16" data-aos="fade-up">
                <span class="font-mono text-[10px] uppercase tracking-[0.4em] text-electric block mb-4">Expert Insights</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-royal leading-tight">
                    Common Questions. <br>
                    <span class="italic font-serif text-brandOrange">Expert Answers.</span>
                </h2>
            </div>

            <div class="grid md:grid-cols-2 gap-4">
                <?php foreach ($faqs as $faq): ?>
                    <div class="group relative p-8 rounded-[24px] bg-zinc-50/50 border border-zinc-100 transition-all duration-500 hover:bg-royal hover:shadow-xl hover:shadow-royal/10 overflow-hidden cursor-pointer">

                        <div class="relative z-10">
                            <div class="flex items-center gap-4 mb-2">
                                <i class="<?= $faq['icon'] ?> text-royal group-hover:text-brandOrange transition-colors"></i>
                                <h3 class="text-base font-bold text-royal group-hover:text-white transition-colors duration-300 pr-6">
                                    <?= $faq['q'] ?>
                                </h3>
                            </div>

                            <div class="max-h-0 opacity-0 group-hover:max-h-[300px] group-hover:opacity-100 transition-all duration-500 ease-in-out overflow-hidden">
                                <div class="pt-4 text-zinc-500 group-hover:text-white/70 text-[13px] leading-relaxed">
                                    <?= $faq['a'] ?>
                                </div>
                            </div>
                        </div>

                        <div class="absolute top-8 right-8">
                            <div class="w-6 h-6 rounded-full border border-zinc-200 group-hover:border-white/20 flex items-center justify-center transition-all">
                                <i class="ri-add-line text-xs text-royal group-hover:text-white group-hover:rotate-45 transition-all"></i>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>

            <div class="mt-12 text-center">
                <p class="text-xs text-soft font-[400]">
                    Don't see your question?
                    <a href="mailto:support@alphadev.com" class="text-royal border-b border-royal/20 hover:text-brandOrange hover:border-brandOrange transition-all ml-1">
                        Talk to our technical team
                    </a>
                </p>
            </div>

        </div>
    </section>




    <section class="py-20 px-[5%] bg-white overflow-hidden" id="final-call">
        <div class="max-w-[1200px] mx-auto">
            <div class="relative w-full md:h-[550px] rounded-[40px] overflow-hidden flex items-center justify-center group">

                <div class="absolute inset-0 z-0">
                    <img src="https://i.pinimg.com/1200x/ca/f7/a8/caf7a81bdfd4a9e6c7ba83f470e85eed.jpg"
                        alt="Global Connectivity"
                        class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-1000">
                    <div class="absolute inset-0 bg-gradient-to-b from-black/50 via-black/40 to-black/70"></div>
                </div>

                <div class="relative z-10 w-full px-8 py-16 md:py-0 text-center">
                    <div class="max-w-[800px] mx-auto" data-aos="zoom-in">

                        <span class="font-mono text-[10px] uppercase tracking-[0.5em] text-brandOrange block mb-6">Start Your Digital Reselling Business Today</span>

                        <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter text-white leading-tight mb-4">
                            Ready to Become a <br>
                            <span class="italic font-serif text-brandOrange">Global Platform Owner?</span>
                        </h2>

                        <p class="text-white/90 text-lg mb-8 max-w-[600px] mx-auto leading-relaxed">
                            Join the next wave of commerce entrepreneurs. Global digital products, instant delivery, and daily revenue with <span class="text-white font-bold">full ownership.</span>
                        </p>

                        <div class="flex flex-col sm:flex-row items-center justify-center gap-5">
                            <a href="#demo" class="w-full sm:w-auto px-12 py-5 bg-white text-royal rounded-full font-bold text-xs uppercase tracking-[0.2em] hover:bg-brandOrange hover:text-white transition-all duration-500 shadow-2xl flex items-center justify-center gap-2">
                                Request a Live Demo <i class="ri-terminal-window-line text-base"></i>
                            </a>
                            <a href="#purchase" class="w-full sm:w-auto px-12 py-5 bg-brandOrange text-white rounded-full font-bold text-xs uppercase tracking-[0.2em] hover:bg-white hover:text-royal transition-all duration-500 shadow-2xl flex items-center justify-center gap-2">
                                Purchase Platform <i class="ri-shopping-cart-2-line text-base"></i>
                            </a>
                        </div>

                    </div>
                </div>

                <div class="absolute top-10 right-10 w-32 h-32 bg-electric/20 rounded-full blur-3xl pointer-events-none"></div>
                <div class="absolute -bottom-10 -left-10 w-48 h-48 bg-brandOrange/20 rounded-full blur-3xl pointer-events-none"></div>
            </div>
        </div>
    </section>






    <?php include 'components/Scroll-to-top.php'; ?>
    <?php include 'components/footer.php'; ?>


</body>

</html>