<!DOCTYPE html>
<html lang="en">
<?php
$pagetitle = "Tech Business Setup | Launch Your Tech Company | Nesvra";
include 'components/head.php';
?>

<body class="bg-white">

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

    <!-- HERO -->
    <section class="relative max-h-[89dvh] h-fit w-full overflow-hidden">
        <div class="absolute inset-0 z-0">
            <div class="absolute inset-0 bg-black/40 z-10"></div>
            <img src="https://images.unsplash.com/photo-1588058365815-c96ac30ee30f?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D?q=80&w=870&auto=format&fit=crop"
                class="w-full h-full object-cover"
                style="background-attachment: fixed; background-position: center;"
                alt="Launch Your Tech Business" />
        </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">
            <span class="font-mono text-[11px] font-bold tracking-[0.4em] text-brandOrange uppercase mb-3">Tech Business Setup</span>
            <h1 data-aos="fade-right" data-aos-delay="200"
                class="max-w-4xl text-4xl md:text-5xl font-[400] tracking-[-0.05em] leading-[1.05] text-white">
                Launch Your Tech Business. <br class="hidden md:block">
                <span class="italic font-serif">Zero to Revenue-Ready.</span>
            </h1>
            <p data-aos="fade-right" data-aos-delay="400"
                class="mt-3 max-w-2xl text-sm text-white/70 font-mono leading-relaxed">
                Company formation, payment gateways, KYC/AML, platform deployment everything done for you. You bring the idea; we handle the rest.
            </p>
            <div data-aos="fade-up" data-aos-delay="600" class="mt-6 flex items-center gap-4">
                <a href="#pricing"
                    class="inline-flex items-center gap-3 px-5 md:px-8 py-4 bg-brandOrange text-white rounded-full font-sans font-[600] text-sm tracking-tight hover:scale-[1.05] transition-all shadow-[0_15px_30px_-5px_rgba(255,138,0,0.4)]">
                    <i data-lucide="calendar-days" class="w-4 h-4 text-white"></i>
                    <span>
                        Book a <span class="max-sm:hidden">Free Strategy</span> Call </span>
                </a>
                <a href="#pricing"
                    class="inline-flex items-center gap-3 px-5 md:px-8  py-4 bg-[#111] text-white rounded-full font-sans font-[500] text-sm tracking-tight hover:scale-[1.05] transition-all border border-white/10">
                    View Pricing
                    <i class="ri-arrow-right-line"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- TRUST STRIP -->
    <section class="py-6 px-[5%] bg-white border-b border-zinc-100">
        <div class="max-w-[1200px] mx-auto">
            <div class="grid grid-cols-2 md:grid-cols-4 gap-0 divide-x divide-zinc-100">
                <?php
                $trust = [
                    ["100+ Founders",    "Launched with Nesvra",      "ri-team-line"],
                    ["4–6 Weeks",        "Concept to live product",   "ri-time-line"],
                    ["$4,999",           "One-time setup package",    "ri-price-tag-3-line"],
                    ["14-Day Guarantee", "Full refund if unsatisfied", "ri-shield-check-line"],
                ];
                foreach ($trust as [$val, $label, $icon]):
                ?>
                    <div class="flex flex-col items-center text-center px-6 py-5 group">
                        <span class="text-lg font-semibold text-royal tracking-tighter flex items-center justify-center gap-2">
                            <div class="text-brandOrange text-xl transition-transform duration-300 group-hover:scale-110 flex items-center">
                                <i class="<?= $icon ?>"></i>
                            </div>
                            <?= $val ?>
                        </span>
                        <span class="text-[10px] font-mono uppercase tracking-widest text-soft mt-1"><?= $label ?></span>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- THE PROBLEM -->
    <section class="py-24 px-[5%] bg-white overflow-hidden" id="problem">
        <div class="max-w-[1200px] mx-auto">
            <div class="grid lg:grid-cols-2 gap-20 items-center">
                <div data-aos="fade-right">
                    <span class="font-mono text-[11px] font-bold tracking-[0.3em] text-brandOrange uppercase block mb-6">{01} The Founder Reality</span>
                    <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-royal leading-[1.1] mb-6">
                        Most tech businesses <span class="italic font-serif text-soft">fail before launch.</span>
                    </h2>
                    <p class="text-soft text-lg leading-relaxed mb-8">Not because the idea was bad because founders get lost in the operational complexity before a single user signs up. Company formation, payment compliance, legal structure, KYC/AML frameworks, hosting, brand identity each one a potential 3-month delay.</p>
                    <p class="text-soft text-lg leading-relaxed">Nesvra eliminates every one of these bottlenecks in a single engagement. You focus on your market, customers, and growth we handle the rest.</p>
                </div>
                <div class="flex flex-col gap-4" data-aos="fade-left" data-aos-delay="200">
                    <?php
                    $blockers = [
                        ["ri-building-line",       "Company formation confusion",    "LLC vs LTD vs C-Corp — compliance requirements in your target market."],
                        ["ri-bank-card-line",       "Payment gateway rejections",     "Getting Stripe, Paystack, or Flutterwave approved takes weeks for new businesses."],
                        ["ri-shield-user-line",     "KYC/AML compliance maze",        "Financial regulators require proper identity verification before you can process payments."],
                        ["ri-code-s-slash-line",    "Platform development paralysis", "Choosing the right tech stack, finding developers, and managing builds eats months."],
                        ["ri-palette-line",         "Brand identity from scratch",    "Logo, colors, domain — every hour spent here is an hour not spent on your product."],
                    ];
                    foreach ($blockers as [$icon, $title, $desc]):
                    ?>
                        <div class="flex items-start gap-4 p-5 bg-[#F8F9FA] rounded-[16px] border border-zinc-100 group hover:border-royal/20 transition-all">
                            <i class="<?= $icon ?> text-xl text-soft group-hover:text-royal transition-colors mt-0.5 flex-shrink-0"></i>
                            <div>
                                <h4 class="text-sm font-semibold text-royal tracking-tight mb-0.5"><?= $title ?></h4>
                                <p class="text-soft text-xs leading-relaxed"><?= $desc ?></p>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
    </section>

    <!-- WHAT'S INCLUDED -->
    <section class="py-24 px-[5%] bg-[#f3f3f3]" id="included">
        <div class="max-w-[1200px] mx-auto">
            <div class="text-center mb-16" data-aos="fade-up">
                <span class="font-mono text-[11px] font-bold tracking-[0.4em] text-brandOrange uppercase block mb-3">{02} Everything Included</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-dark leading-[1.1]">
                    One package. <span class="italic font-serif text-royal">Every bottleneck solved.</span>
                </h2>
                <p class="text-soft text-lg mt-4 max-w-xl mx-auto">Everything you need to launch a compliant, operational tech business — done in parallel, delivered in weeks.</p>
            </div>
            <div class="flex flex-col gap-8">
                <?php
                $included = [
                    ["Company Formation Guidance",    "Legal entity setup advisory for LLC, LTD, or C-Corp depending on your market. Includes registered agent, EIN application, and corporate structure recommendations."],
                    ["Payment Gateway Integration",   "Full integration of your chosen payment processor (Stripe, Paystack, Flutterwave, or Coinbase) — including merchant account setup and API configuration."],
                    ["KYC/AML Risk Framework",        "Identity verification workflow, document processing, and transaction monitoring rules that satisfy financial regulators in your target markets."],
                    ["Platform Deployment",           "Your baseline web platform deployed — user authentication, admin dashboard, and payment processing live. Production-ready from day one."],
                    ["Domain + Hosting Configuration", "Domain registration, DNS setup, SSL certificates, and cloud hosting configuration on AWS or GCP included for 12 months."],
                    ["Brand Identity Creation",       "Professional logo (3 concepts), brand color palette, typography selection, and a social media brand kit — all aligned to your market positioning."],
                    ["App Store Submission Prep",     "All assets, screenshots, descriptions, and compliance documentation needed for Apple App Store and Google Play submission."],
                    ["Legal Structure & Policies",    "Privacy policy, terms of service, cookie policy, and basic contract templates drafted and reviewed by our compliance team."],
                    ["Go-to-Market Blueprint",        "A 90-day launch strategy including acquisition channels, messaging framework, and growth prioritisation based on your target audience."],
                ];
                foreach ($included as $i => [$title, $desc]):
                ?>
                    <div class="flex gap-5 md:gap-8 group" data-aos="fade-up" data-aos-delay="<?= min($i * 50, 200) ?>">
                        <span class="font-mono text-brandOrange font-semibold text-base mt-1 tracking-tighter shrink-0">0<?= $i + 1 ?>.</span>
                        <div class="flex flex-col border-b border-zinc-200 pb-8 w-full">
                            <h4 class="text-lg font-semibold text-royal tracking-tighter mb-2 group-hover:text-electric transition-colors"><?= $title ?></h4>
                            <p class="text-soft text-base leading-relaxed"><?= $desc ?></p>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- TIMELINE -->
    <section class="py-24 px-[5%] bg-white" id="timeline">
        <div class="max-w-[1200px] mx-auto">
            <div class="text-center mb-16" data-aos="fade-up">
                <span class="font-mono text-[11px] font-bold tracking-[0.4em] text-brandOrange uppercase block mb-3">{03} Launch Timeline</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-dark leading-[1.1]">
                    Zero to launch-ready <span class="italic font-serif text-royal">in 4–6 weeks.</span>
                </h2>
            </div>
            <div class="relative pl-6 md:pl-8 border-l border-zinc-100 space-y-8 max-w-[800px] mx-auto py-4" data-aos="fade-up" data-aos-delay="100">
                <?php
                $timeline = [
                    ["Week 1",   "Discovery & Kickoff",           "Strategy session, requirements gathering, legal entity advisory, and team assignment.", "ri-compass-3-line"],
                    ["Week 1–2", "Legal & Compliance Foundation", "Company formation guidance, policy templates, KYC/AML framework specification, and payment gateway applications.", "ri-shield-flash-line"],
                    ["Week 2–3", "Platform Development",          "Core platform built: user auth, payment integration, admin dashboard, and baseline features deployed to staging.", "ri-cpu-line"],
                    ["Week 3–4", "Brand & Identity",              "Logo design, brand guidelines, domain and hosting configured, and social profiles created.", "ri-palette-line"],
                    ["Week 4–5", "Testing & Compliance Review",   "QA testing, security review, payment processing testing in production, and compliance sign-off.", "ri-git-repository-commits-line"],
                    ["Week 5–6", "Launch & Go-to-Market",         "Live deployment, app store submissions, go-to-market blueprint delivered, and first campaigns activated.", "ri-rocket-2-line"],
                ];
                foreach ($timeline as $i => [$week, $title, $desc, $icon]):
                    // Alternate brand accents dynamically for premium visual rhythm
                    $accent = ($i % 2 === 0) ? 'brandOrange' : 'electric';
                ?>
                    <div class="relative group">

                        <div class="absolute -left-[31px] md:-left-[39px] top-1.5 w-4 h-4 rounded-full bg-white border-2 border-zinc-200 group-hover:border-<?= $accent ?> flex items-center justify-center transition-all duration-500 z-10">
                            <div class="w-1.5 h-1.5 rounded-full bg-transparent group-hover:bg-<?= $accent ?> scale-50 group-hover:scale-100 transition-all duration-500"></div>
                        </div>

                        <div class="p-6 md:p-8 bg-white border border-zinc-100 rounded-[24px] shadow-[0_10px_30px_rgba(8,31,92,0.02)] hover:border-zinc-200/80 hover:-translate-y-1 hover:shadow-[0_20px_40px_rgba(8,31,92,0.06)] transition-all duration-500 ease-[cubic-bezier(0.34,1.56,0.64,1)] flex flex-col sm:flex-row sm:items-start gap-6 relative z-0 hover:z-10">

                            <div class="flex sm:flex-col items-center sm:items-start justify-between sm:justify-start gap-4 shrink-0">
                                <div class="w-12 h-12 rounded-2xl bg-[#F8F9FA] group-hover:bg-<?= $accent ?>/10 text-royal group-hover:text-<?= $accent ?> flex items-center justify-center text-xl transition-all duration-500 shadow-inner">
                                    <i class="<?= $icon ?>"></i>
                                </div>

                                <span class="font-mono text-<?= $accent ?> font-bold text-[11px] uppercase tracking-widest bg-<?= $accent ?>/5 group-hover:bg-<?= $accent ?>/10 px-3 py-1 rounded-full border border-<?= $accent ?>/10 transition-colors duration-500 whitespace-nowrap">
                                    <?= $week ?>
                                </span>
                            </div>

                            <div class="flex-1">
                                <div class="flex items-center justify-between mb-2">
                                    <h4 class="font-semibold text-royal text-lg lg:text-xl tracking-tighter group-hover:text-electric transition-colors duration-300">
                                        <?= $title ?>
                                    </h4>
                                    <span class="font-mono text-[10px] text-zinc-300 font-medium hidden sm:block">/ 0<?= $i + 1 ?></span>
                                </div>
                                <p class="text-soft text-sm sm:text-base leading-relaxed max-w-[560px]">
                                    <?= $desc ?>
                                </p>
                            </div>

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

    <!-- TESTIMONIAL -->
    <section class="py-24 px-[5%] bg-white overflow-hidden" id="testimonial">
        <div class="max-w-[1200px] mx-auto">
            <div class="grid lg:grid-cols-12 gap-12 lg:gap-16 items-center">

                <div class="lg:col-span-5 relative group" data-aos="zoom-in-right">
                    <div class="absolute inset-4 rounded-[40px] bg-electric/10 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"></div>

                    <div class="relative rounded-[40px] overflow-hidden aspect-[4/5] lg:aspect-[4/5] shadow-[0_32px_64px_-16px_rgba(8,31,92,0.12)] border border-zinc-100">
                        <img src="https://images.unsplash.com/photo-1556761175-4b46a572b786?q=80&w=870&auto=format&fit=crop"
                            class="w-full h-full object-cover transform transition-transform duration-[3s] group-hover:scale-105" alt="PayRush founder">

                        <div class="absolute inset-0 bg-gradient-to-t from-royal/80 via-royal/20 to-transparent"></div>

                        <div class="absolute top-6 right-6 flex items-center gap-2 px-3 py-1.5 bg-white/90 backdrop-blur-md rounded-full border border-zinc-200">
                            <div class="w-1.5 h-1.5 rounded-full bg-electric animate-pulse"></div>
                            <span class="font-mono text-[9px] uppercase tracking-widest text-royal font-bold">Case Study // 04</span>
                        </div>

                        <div class="absolute bottom-8 left-8 right-8 z-20">
                            <span class="font-mono text-[10px] uppercase tracking-[0.2em] text-brandOrange font-bold block mb-1">Real Client Outcome</span>
                            <p class="text-white text-xl font-semibold tracking-tight">PayRush — Fintech Startup</p>
                        </div>
                    </div>
                </div>

                <div class="lg:col-span-7 flex flex-col justify-center" data-aos="fade-left">
                    <span class="font-mono text-[11px] font-bold tracking-[0.3em] text-brandOrange uppercase block mb-6">{04} Client Story</span>

                    <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-royal leading-[1.1] mb-6">
                        From raw concept to <br class="hidden sm:inline"><span class="italic font-serif text-electric">5,000 active users.</span>
                    </h2>

                    <p class="text-soft text-base sm:text-lg leading-relaxed mb-8 max-w-[620px]">
                        Tolu had a clear vision for a mobile money product targeting the Nigerian diaspora. What he didn't have was a legal entity, payment processing assets, or a working platform. <span class="text-royal font-semibold">Six weeks later</span>:
                    </p>

                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-8">
                        <?php
                        $outcomes = [
                            ["LLC registered",       "Delaware entity with EIN in 7 days",   "ri-global-line"],
                            ["Stripe live",           "Payment gateway fully operational",     "ri-bank-card-line"],
                            ["Platform deployed",     "Web app + admin system live",           "ri-instance-line"],
                            ["KYC compliant",         "Full verification logic active",        "ri-shield-user-line"],
                        ];
                        foreach ($outcomes as [$val, $label, $icon]):
                        ?>
                            <div class="p-4 bg-[#F8F9FA] border border-zinc-100 rounded-[20px] transition-all duration-300 hover:bg-white hover:border-zinc-200 hover:shadow-[0_12px_24px_rgba(8,31,92,0.04)] flex flex-col justify-between min-h-[100px] group/item">
                                <div class="flex items-center justify-between">
                                    <span class="text-royal font-bold text-sm tracking-tight"><?= $val ?></span>
                                    <div class="text-zinc-400 group-hover/item:text-brandOrange text-base transition-colors duration-300">
                                        <i class="<?= $icon ?>"></i>
                                    </div>
                                </div>
                                <span class="text-soft text-xs leading-normal mt-2 font-mono"><?= $label ?></span>
                            </div>
                        <?php endforeach; ?>

                        <div class="sm:col-span-2 p-5 bg-royal text-white rounded-[24px] shadow-[0_20px_40px_rgba(8,31,92,0.15)] flex items-center justify-between relative overflow-hidden group/metric">
                            <div class="absolute -right-4 -bottom-4 text-white/[0.03] text-8xl transition-transform duration-700 group-hover/metric:scale-110">
                                <i class="ri-pulse-line"></i>
                            </div>
                            <div class="relative z-10">
                                <span class="font-mono text-[9px] uppercase tracking-widest text-brandOrange font-bold block mb-0.5">// Scaled Growth Acceleration</span>
                                <span class="text-xl font-bold tracking-tight">Acquired 5,000+ users securely</span>
                            </div>
                            <div class="text-right relative z-10">
                                <span class="text-xs font-mono text-white/60 block">Timeline</span>
                                <span class="text-sm font-bold font-mono text-brandOrange uppercase tracking-wider">3 Months Live</span>
                            </div>
                        </div>
                    </div>

                    <div class="p-6 bg-[#F8F9FA] border border-zinc-100 rounded-[24px] relative">
                        <span class="absolute top-4 right-6 text-zinc-200/60 font-serif text-6xl pointer-events-none select-none">“</span>

                        <blockquote class="relative z-10">
                            <p class="text-royal font-medium italic text-base leading-relaxed mb-4">
                                "Nesvra handled everything I had no idea how to do. I just focused on finding customers — they built the entire business operation around me."
                            </p>
                            <div class="flex items-center gap-2">
                                <div class="w-1.5 h-1.5 rounded-full bg-brandOrange"></div>
                                <cite class="font-mono text-[10px] uppercase tracking-widest text-soft not-italic font-bold">
                                    Tolu A. <span class="text-zinc-300 font-normal">/</span> Founder · PayRush
                                </cite>
                            </div>
                        </blockquote>
                    </div>
                </div>

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

    <!-- WHO IT'S FOR -->
    <section class="py-24 px-[5%] bg-white" id="who">
        <div class="max-w-[1200px] mx-auto">
            <div class="text-center mb-16" data-aos="fade-up">
                <span class="font-mono text-[11px] font-bold tracking-[0.4em] text-brandOrange uppercase block mb-3">{05} Who It's For</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-dark leading-[1.1]">
                    Built for ambitious <span class="italic font-serif text-royal">tech founders.</span>
                </h2>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                <?php
                $profiles = [
                    ["ri-user-star-line",      "First-Time Founders",        "You have the vision and market insight but need technical and legal execution. We are your co-founder for the build phase."],
                    ["ri-global-line",         "Diaspora Entrepreneurs",     "Building a fintech, remittance, or payments product serving your home market? We know the KYC/AML landscape inside out."],
                    ["ri-store-2-line",        "SaaS & Marketplace Founders", "You've validated demand. Now you need a scalable platform, payment processing, and a legal entity ready for investors."],
                    ["ri-bank-line",           "Fintech Builders",           "Launching a neobank, lending platform, or digital wallet? Compliance-first engineering is our baseline, not an add-on."],
                    ["ri-refresh-line",        "Non-Technical Founders",     "No coding background required. You describe the product, we scope, build, and deploy it — completely handled."],
                    ["ri-rocket-line",         "Existing Businesses Going Digital", "Brick-and-mortar or service business ready to build a digital product? We handle the complete transformation."],
                ];
                foreach ($profiles as $i => [$icon, $title, $desc]):
                ?>
                    <div class="p-7 bg-[#F8F9FA] border border-zinc-100 rounded-[28px] flex flex-col gap-4 group hover:border-royal/20 hover:bg-white hover:shadow-lg hover:shadow-royal/5 transition-all duration-400" data-aos="fade-up" data-aos-delay="<?= ($i % 3) * 80 ?>">
                        <i class="<?= $icon ?> text-2xl text-soft group-hover:text-electric transition-colors"></i>
                        <div>
                            <h4 class="text-base font-semibold text-royal tracking-tight mb-1"><?= $title ?></h4>
                            <p class="text-soft text-sm leading-relaxed"><?= $desc ?></p>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- PRICING -->
    <section class="py-24 px-[5%] bg-[#f3f3f3]" id="pricing" x-data="{ billing: 'monthly' }">
        <div class="max-w-[1000px] mx-auto">
            <div class="text-center mb-12" data-aos="fade-up">
                <span class="font-mono text-[11px] font-bold tracking-[0.4em] text-brandOrange uppercase block mb-3">{06} Simple Investment</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-dark leading-[1.1]">
                    Choose your <span class="italic font-serif text-royal">launch path.</span>
                </h2>

                <!-- Billing toggle -->
                <div class="flex items-center justify-center gap-3 mt-8">
                    <button @click="billing = 'monthly'"
                        class="px-6 py-2.5 rounded-full text-xs font-bold uppercase tracking-widest transition-all"
                        :class="billing === 'monthly' ? 'bg-royal text-white' : 'bg-white border border-zinc-200 text-soft'">
                        Monthly
                    </button>
                    <button @click="billing = 'annual'"
                        class="px-6 py-2.5 rounded-full text-xs font-bold uppercase tracking-widest transition-all"
                        :class="billing === 'annual' ? 'bg-royal text-white' : 'bg-white border border-zinc-200 text-soft'">
                        Annual — Save 20%
                    </button>
                </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-stretch">

                <!-- Setup Package -->
                <div class="bg-white border-2 border-royal rounded-[32px] p-8 relative overflow-hidden shadow-2xl shadow-royal/10" data-aos="fade-up">
                    <div class="absolute top-0 right-0 bg-brandOrange text-white px-5 py-1.5 rounded-bl-2xl font-mono text-[9px] uppercase tracking-widest font-bold">Most Popular</div>
                    <div class="mb-6">
                        <p class="font-mono text-[10px] uppercase tracking-widest text-brandOrange font-bold mb-2">Business Setup Package</p>
                        <h3 class="text-2xl font-semibold text-royal tracking-tight mb-3">Everything to Launch</h3>
                        <div class="flex items-baseline gap-1" x-show="billing === 'monthly'">
                            <span class="text-4xl font-semibold text-dark tracking-tighter">$4,999</span>
                            <span class="text-sm text-soft">one-time</span>
                        </div>
                        <div class="flex items-baseline gap-1" x-show="billing === 'annual'">
                            <span class="text-4xl font-semibold text-dark tracking-tighter">$4,499</span>
                            <span class="text-sm text-soft">one-time (save $500)</span>
                        </div>
                    </div>
                    <ul class="flex flex-col gap-3 mb-8">
                        <?php
                        $setupFeatures = [
                            "Full company formation guidance",
                            "Payment gateway integration (Stripe / Paystack / Flutterwave)",
                            "KYC/AML risk framework",
                            "Platform deployment (web app)",
                            "Domain + hosting (12 months)",
                            "Brand identity creation (logo, colors, fonts)",
                            "App store submission prep",
                            "Legal structure & policy templates",
                            "Go-to-market strategy blueprint",
                        ];
                        foreach ($setupFeatures as $f):
                        ?>
                            <li class="flex items-start gap-3 text-sm text-soft">
                                <span class="text-electric mt-0.5 flex-shrink-0">✓</span><?= $f ?>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                    <a href="/get-demo"
                        class="w-full py-4 bg-royal text-white rounded-full text-center block text-xs font-bold uppercase tracking-widest hover:bg-electric transition-all">
                        Get Started →
                    </a>
                </div>

                <!-- Ongoing subscription -->
                <div class="bg-white border border-zinc-100 rounded-[32px] p-8 flex flex-col hover:border-royal/20 transition-all" data-aos="fade-up" data-aos-delay="100">
                    <div class="mb-6">
                        <p class="font-mono text-[10px] uppercase tracking-widest text-brandOrange font-bold mb-2">Ongoing Subscription</p>
                        <h3 class="text-2xl font-semibold text-royal tracking-tight mb-3">Post-Launch Support</h3>
                        <div x-show="billing === 'monthly'">
                            <div class="flex items-baseline gap-1">
                                <span class="text-4xl font-semibold text-dark tracking-tighter">$1,490</span>
                                <span class="text-sm text-soft">/ month</span>
                            </div>
                            <p class="font-mono text-[10px] uppercase tracking-widest text-electric mt-1">Monthly billing</p>
                        </div>
                        <div x-show="billing === 'annual'">
                            <div class="flex items-baseline gap-1">
                                <span class="text-4xl font-semibold text-dark tracking-tighter">$1,190</span>
                                <span class="text-sm text-soft">/ month</span>
                            </div>
                            <p class="font-mono text-[10px] uppercase tracking-widest text-electric mt-1">Annual billing — save $3,600/yr</p>
                        </div>
                    </div>
                    <p class="text-soft text-sm leading-relaxed mb-6">After launch, keep your tech team on retainer. Maintenance, new features, scaling support, and compliance updates — all included.</p>
                    <ul class="flex flex-col gap-3 mb-8 flex-grow">
                        <?php
                        $subFeatures = [
                            "Ongoing maintenance & bug fixes",
                            "Security patches & updates",
                            "New feature development",
                            "Scaling & performance optimisation",
                            "Compliance monitoring & updates",
                            "Monthly strategy & review session",
                        ];
                        foreach ($subFeatures as $f):
                        ?>
                            <li class="flex items-start gap-3 text-sm text-soft">
                                <span class="text-electric mt-0.5 flex-shrink-0">✓</span><?= $f ?>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                    <a href="/get-demo"
                        class="w-full py-4 border border-royal text-royal rounded-full text-center block text-xs font-bold uppercase tracking-widest hover:bg-royal hover:text-white transition-all">
                        Explore Subscription →
                    </a>
                    <p class="text-center text-[10px] font-mono text-soft uppercase tracking-widest mt-3">Cancel anytime · No lock-in</p>
                </div>

            </div>

            <!-- Guarantee strip -->
            <div class="mt-8 p-6 bg-white border border-zinc-100 rounded-[20px] flex flex-col md:flex-row items-center justify-center gap-8 text-center md:text-left" data-aos="fade-up">
                <?php
                $guarantees = [
                    ["ri-shield-check-line", "14-Day Money-Back",    "Full refund if unsatisfied within 14 days of kickoff"],
                    ["ri-code-box-line",     "Full IP Ownership",    "100% source code and assets delivered to you"],
                    ["ri-user-star-line",    "Dedicated Manager",    "Named technical account manager from day one"],
                ];
                foreach ($guarantees as [$icon, $title, $sub]):
                ?>
                    <div class="flex items-center gap-3">
                        <div class="w-10 h-10 rounded-full bg-[#F8F9FA] flex items-center justify-center flex-shrink-0">
                            <i class="<?= $icon ?> text-royal"></i>
                        </div>
                        <div class="text-left">
                            <p class="text-sm font-semibold text-royal tracking-tight"><?= $title ?></p>
                            <p class="text-soft text-xs"><?= $sub ?></p>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section class="py-24 px-[5%] bg-white" id="faq">
        <div class="max-w-[1100px] mx-auto">
            <div class="text-center mb-16" data-aos="fade-up">
                <span class="font-mono text-[11px] font-bold tracking-[0.4em] text-brandOrange uppercase block mb-3">{07} FAQ</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-dark leading-[1.1]">
                    Common Questions. <span class="italic font-serif text-royal">Expert Answers.</span>
                </h2>
            </div>
            <div class="grid md:grid-cols-2 gap-4">
                <?php
                $faqs = [
                    [
                        "ri-box-3-line",
                        "What's included in the $4,999 setup?",
                        "Complete company registration guidance (excluding government filing fees), payment integration, a functional web platform deployment, KYC/AML risk framework, domain + hosting for 1 year, brand identity, app store submission assets, legal templates, and a launch strategy session."
                    ],
                    [
                        "ri-timer-2-line",
                        "How long does the entire process take?",
                        "Typical timeline: 4–6 weeks from kickoff to launch-ready platform. Legal and payment approvals may add 1–2 weeks depending on third parties. We provide weekly status updates throughout."
                    ],
                    [
                        "ri-code-s-slash-line",
                        "Do I need to know coding or legal details?",
                        "No. You bring the business idea; we handle all technical, design, and legal implementation. You'll only need to provide basic information and sign documents."
                    ],
                    [
                        "ri-building-line",
                        "What if I already have a company registered?",
                        "We deduct the formation guidance portion and focus on technical and compliance setup. A custom quote is available, though the remaining services are generally included in the package price."
                    ],
                    [
                        "ri-tools-line",
                        "Can I add custom features to my platform?",
                        "Absolutely. The setup package includes a baseline platform. For additional features, we adjust scope or recommend upgrading to an ongoing subscription for continuous development."
                    ],
                    [
                        "ri-bit-coin-line",
                        "Do you support crypto or multi-currency businesses?",
                        "Yes — we integrate crypto payment rails (Coinbase Commerce, Binance Pay) and multi-currency wallets as part of the KYC/AML module included in every package."
                    ],
                    [
                        "ri-customer-service-2-line",
                        "What about ongoing support after launch?",
                        "We offer an optional monthly subscription (from $1,190/mo) that includes maintenance, security patches, new features, and CTO advisory to keep your platform growing."
                    ],
                    [
                        "ri-secure-payment-line",
                        "Is there a money-back guarantee?",
                        "We stand behind our work. If within 14 days of kickoff you're unsatisfied, we refund 100% minus any third-party costs already incurred on your behalf."
                    ],
                ];
                foreach ($faqs as [$icon, $q, $a]):
                ?>
                    <div class="group relative p-8 rounded-[24px] bg-[#F8F9FA] 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-start gap-4 mb-2">
                                <i class="<?= $icon ?> text-royal group-hover:text-brandOrange transition-colors mt-0.5 flex-shrink-0"></i>
                                <h3 class="text-base font-semibold text-royal group-hover:text-white transition-colors duration-300 pr-6 tracking-tight"><?= $q ?></h3>
                            </div>
                            <div class="max-h-0 opacity-0 group-hover:max-h-[200px] group-hover:opacity-100 transition-all duration-500 ease-in-out overflow-hidden pl-8">
                                <p class="pt-2 text-zinc-500 group-hover:text-white/70 text-sm leading-relaxed"><?= $a ?></p>
                            </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>
    </section>

    <!-- FINAL CTA -->
    <section class="py-20 px-[5%] bg-white overflow-hidden">
        <div class="max-w-[1200px] mx-auto">
            <div class="relative w-full md:h-[500px] rounded-[40px] overflow-hidden flex items-center justify-center group">
                <div class="absolute inset-0 z-0">
                    <img src="https://images.unsplash.com/photo-1588058365815-c96ac30ee30f?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
                        alt="Launch your tech business"
                        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/40 via-black/40 to-black/60"></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-[11px] uppercase tracking-[0.4em] text-brandOrange block mb-4">Stop overthinking</span>
                        <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter text-white leading-tight mb-4">
                            Start <span class="italic font-serif text-brandOrange">launching.</span>
                        </h2>
                        <p class="text-white/80 text-lg mb-8 max-w-[700px] mx-auto leading-relaxed">Join 100+ founders who turned their tech vision into a compliant, revenue-generating business. We've already set up fintechs, e-commerce, SaaS, and marketplaces your industry is next.</p>
                        <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
                            <a href="/get-demo" class="w-full sm:w-auto px-10 py-5 bg-white text-royal rounded-full font-bold text-xs uppercase tracking-widest hover:bg-brandOrange hover:text-white transition-all shadow-xl">
                                Book Free Strategy Call →
                            </a>
                            <a href="#pricing" class="w-full sm:w-auto px-10 py-5 bg-brandOrange text-white rounded-full font-bold text-xs uppercase tracking-widest hover:bg-white hover:text-royal transition-all shadow-xl">
                                See Pricing
                            </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>