<!DOCTYPE html>
<html lang="en">
<?php
$pagetitle = "Compare | Nesvra vs In-house, Agencies, Vendors & Freelancers";
include 'components/head.php';
?>

<body class="bg-white">

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

    <!-- ═══════════════════════════════════════ -->
    <!--  HERO                                   -->
    <!-- ═══════════════════════════════════════ -->
    <!-- ─── COMPARE OPTIONS PREMIUM HERO LAYER ─── -->
    <section class="relative max-h-[80dvh] h-fit w-full overflow-hidden ">
        <div class="absolute inset-0 z-0">
            <!-- Soft Dark Overlay Mask -->
            <div class="absolute inset-0 bg-black/40 z-10"></div>

            <!-- Background Asset with Center Fixed Position Layer -->
            <img src="https://images.unsplash.com/photo-1551836022-d5d88e9218df?q=80&w=1470&auto=format&fit=crop"
                class="w-full h-full object-cover mix-blend-luminosity opacity-90"
                style="background-attachment: fixed; background-position: center;"
                alt="Nesvra Infrastructure Architectural Comparisons" />
        </div>

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



            <!-- Section Label Block -->
            <span class="font-mono text-[11px] font-bold tracking-[0.4em] text-brandOrange uppercase mb-4" data-aos="fade-right" data-aos-delay="100">
                Compare Your Options
            </span>

            <!-- Headings Structure Layout -->
            <h1 data-aos="fade-right" data-aos-delay="200"
                class="max-w-4xl text-4xl md:text-5xl font-[400] tracking-[-0.04em] leading-[1.08] text-white">
                How Nesvra compares
                <br class="hidden md:block">
                <span class="italic font-serif text-white/90">to the alternatives.</span>
            </h1>

            <!-- Subtitle Paragraph Block -->
            <p data-aos="fade-right" data-aos-delay="300"
                class="mt-4 max-w-2xl text-xs md:text-sm text-white/70 font-mono leading-relaxed mb-4">
                An honest look at how Nesvra stacks up against building in-house, hiring agencies, stitching together vendors, or working with a freelancer  so you can choose what truly fits your business.
            </p>

            <!-- CTA Action Buttons Group -->
            <div data-aos="fade-up" data-aos-delay="600" class=" 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="#comparisons"
                    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">
                    Explore comparisons
                    <i class="ri-arrow-down-line"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- ═══════════════════════════════════════ -->
    <!--  TRUST STRIP                            -->
    <!-- ═══════════════════════════════════════ -->
    <section class="py-6 px-[5%] border-y border-zinc-100 bg-white">
        <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% IP",      "You own the source code",         "ri-shield-check-line"],
                    ["Day 1",        "Kickoff within 48 hours",         "ri-rocket-line"],
                    ["70–85%",       "Savings vs in-house teams",       "ri-arrow-down-circle-line"],
                    ["1 partner",    "For team, software & infra",      "ri-links-line"],
                ];
                foreach ($trust as [$val, $label, $icon]):
                ?>
                    <div class="flex flex-col items-center text-center px-4 md:px-8 py-5 group">
                        <div class="mb-3 text-brandOrange text-xl transition-transform duration-300 group-hover:scale-110">
                            <i class="<?= $icon ?>"></i>
                        </div>
                        <span class="text-lg font-semibold text-royal tracking-tighter"><?= $val ?></span>
                        <span class="text-[10px] font-mono uppercase tracking-widest text-soft mt-1"><?= $label ?></span>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- ═══════════════════════════════════════ -->
    <!--  COMPARISON CARDS                       -->
    <!-- ═══════════════════════════════════════ -->
    <section class="py-24 px-[5%] bg-white" id="comparisons">
        <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"> Pick a Comparison</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-dark leading-[1.1]">
                    Every alternative, <span class="italic font-serif text-royal">honestly evaluated.</span>
                </h2>
                <p class="text-soft text-lg mt-4 max-w-xl mx-auto">We don't cherry-pick. Each comparison covers cost, speed, quality, risk, and long-term fit.</p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <?php
                $comparisons = [
                    [
                        'icon'     => 'ri-team-line',
                        'accent'   => 'brandOrange',
                        'tag'      => 'Most common alternative',
                        'title'    => 'In-house Team vs Nesvra',
                        'desc'     => 'Hire engineers, designers, and operators to build and run your systems from scratch — and carry every HR, payroll, and retention headache that comes with it.',
                        'pills'    => ['$280K+/yr per team', '4–8 months to start', 'Attrition risk'],
                        'url'      => 'compare-in-house-team-vs-nesvra.php',
                        'popular'  => true,
                    ],
                    [
                        'icon'     => 'ri-building-line',
                        'accent'   => 'electric',
                        'tag'      => 'Project-based model',
                        'title'    => 'Agencies vs Nesvra',
                        'desc'     => 'Engage a project-based agency to design and build a specific deliverable. Handoff, invoices, scope creep — then start again with the next agency.',
                        'pills'    => ['$150–250/hr billing', 'No long-term ownership', 'Scope creep risk'],
                        'url'      => 'compare-agencies-vs-nesvra.php',
                        'popular'  => false,
                    ],
                    [
                        'icon'     => 'ri-git-merge-line',
                        'accent'   => 'brandOrange',
                        'tag'      => 'Fragmented stack',
                        'title'    => 'Multiple Vendors vs Nesvra',
                        'desc'     => 'Subscribe to separate tools for each function and integrate them together. One API, one dashboard, one vendor — or seven contracts, seven support queues, seven bills.',
                        'pills'    => ['$8K–20K/mo stack cost', 'Integration complexity', 'No single owner'],
                        'url'      => 'compare-multiple-vendors-vs-nesvra.php',
                        'popular'  => false,
                    ],
                    [
                        'icon'     => 'ri-user-line',
                        'accent'   => 'electric',
                        'tag'      => 'Individual contractor',
                        'title'    => 'Freelancer vs Nesvra',
                        'desc'     => 'Engage a single contractor for a specific task or short project. Great for one-offs. Painful for anything that needs a team, continuity, or accountability.',
                        'pills'    => ['Single skillset only', 'No SLA or IP guarantee', 'Availability risk'],
                        'url'      => 'compare-freelancer-vs-nesvra.php',
                        'popular'  => false,
                    ],
                ];
                foreach ($comparisons as $i => $c):
                ?>
                    <div class="group relative flex flex-col p-8 rounded-[32px] border <?= $c['popular'] ? 'border-royal/20 bg-royal/[0.02]' : 'border-zinc-100 bg-white' ?> hover:border-royal/20 hover:shadow-xl hover:shadow-royal/5 transition-all duration-500"
                        data-aos="fade-up" data-aos-delay="<?= ($i % 2) * 100 ?>">

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

                        <div class="flex items-start gap-5 mb-6">
                            <div class="w-14 h-14 rounded-2xl bg-[#F8F9FA] group-hover:bg-royal flex items-center justify-center transition-all duration-400 flex-shrink-0">
                                <i class="<?= $c['icon'] ?> text-2xl text-soft group-hover:text-white transition-colors"></i>
                            </div>
                            <div>
                                <span class="font-mono text-[9.5px] uppercase tracking-widest text-<?= $c['accent'] ?> font-bold block mb-1"><?= $c['tag'] ?></span>
                                <h3 class="text-xl font-medium text-royal tracking-tighter leading-tight group-hover:text-electric transition-colors"><?= $c['title'] ?></h3>
                            </div>
                        </div>

                        <p class="text-soft text-base leading-relaxed mb-6 flex-1"><?= $c['desc'] ?></p>

                        <!-- Pain pills -->
                        <div class="flex flex-wrap gap-2 mb-8">
                            <?php foreach ($c['pills'] as $pill): ?>
                                <span class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-[#F8F9FA] border border-zinc-100 text-soft rounded-full text-[11px] font-mono uppercase tracking-wide">
                                    <span class="w-1.5 h-1.5 rounded-full bg-zinc-400 flex-shrink-0"></span>
                                    <?= $pill ?>
                                </span>
                            <?php endforeach; ?>
                        </div>

                        <a href="<?= $c['url'] ?>"
                            class="inline-flex items-center gap-2 text-sm font-semibold text-royal group-hover:text-brandOrange transition-colors uppercase tracking-widest font-mono">
                            See the comparison
                            <i class="ri-arrow-right-line transition-transform group-hover:translate-x-1"></i>
                        </a>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- ═══════════════════════════════════════ -->
    <!--  MASTER COMPARISON TABLE               -->
    <!-- ═══════════════════════════════════════ -->
    <section class="py-24 px-[5%] bg-[#f3f3f3]" id="table">
        <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"> Side-by-Side</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-dark leading-[1.1]">
                    Every dimension, <span class="italic font-serif text-royal">in one table.</span>
                </h2>
                <p class="text-soft text-lg mt-4 max-w-xl mx-auto">The honest breakdown across cost, speed, quality, risk, and strategic fit.</p>
            </div>

            <div class="overflow-x-auto -mx-4 px-4 md:mx-0 md:px-0 rounded-[24px] border border-zinc-200 bg-white" data-aos="fade-up">
                <table class="w-full text-left border-collapse" style="min-width:900px;">
                    <thead>
                        <tr class="border-b border-zinc-100">
                            <th class="py-5 px-6 font-mono text-[10px] uppercase tracking-widest text-soft bg-[#FAFAFA] w-[22%]">Dimension</th>
                            <th class="py-5 px-5 font-mono text-[10px] uppercase tracking-widest text-royal bg-royal/[0.03] border-l border-royal/10">
                                <div class="flex items-center gap-2">
                                    <div class="w-5 h-5 rounded-full bg-royal flex items-center justify-center">
                                        <span class="text-white text-[8px] font-bold">N</span>
                                    </div>
                                    Nesvra
                                </div>
                            </th>
                            <th class="py-5 px-5 font-mono text-[10px] uppercase tracking-widest text-soft bg-[#FAFAFA] border-l border-zinc-100">In-house Team</th>
                            <th class="py-5 px-5 font-mono text-[10px] uppercase tracking-widest text-soft bg-[#FAFAFA] border-l border-zinc-100">Agency</th>
                            <th class="py-5 px-5 font-mono text-[10px] uppercase tracking-widest text-soft bg-[#FAFAFA] border-l border-zinc-100">Multi-Vendor</th>
                            <th class="py-5 px-5 font-mono text-[10px] uppercase tracking-widest text-soft bg-[#FAFAFA] border-l border-zinc-100">Freelancer</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        $rows = [
                            [
                                "Monthly cost",
                                ["✓ $1,500–$7,000", "win"],
                                ["$25K–$45K+", "loss"],
                                ["$40K–$80K project", "loss"],
                                ["$8K–$20K+", "warn"],
                                ["$5K–$15K (unreliable)", "warn"],
                            ],
                            [
                                "Time to start",
                                ["✓ 48 hours", "win"],
                                ["4–8 months", "loss"],
                                ["2–4 weeks", "warn"],
                                ["2–6 weeks", "warn"],
                                ["1–2 weeks (variable)", "warn"],
                            ],
                            [
                                "IP & source code",
                                ["✓ 100% yours", "win"],
                                ["✓ Yours (key-person risk)", "win"],
                                ["Often shared / licensed", "loss"],
                                ["Vendor-locked", "loss"],
                                ["Unclear, often none", "loss"],
                            ],
                            [
                                "Skill breadth",
                                ["✓ Full-stack + DevOps + QA + Design", "win"],
                                ["Limited to hires", "warn"],
                                ["Single project scope", "warn"],
                                ["Fragmented per tool", "loss"],
                                ["One discipline only", "loss"],
                            ],
                            [
                                "Scalability",
                                ["✓ Instant — up or down monthly", "win"],
                                ["3–6 months to hire or cut", "loss"],
                                ["Renegotiate new project", "warn"],
                                ["Add more vendors", "warn"],
                                ["Find another freelancer", "loss"],
                            ],
                            [
                                "Management overhead",
                                ["✓ Zero — PM included", "win"],
                                ["HR, payroll, reviews, PTO", "loss"],
                                ["Account manager only", "warn"],
                                ["Integration + admin", "warn"],
                                ["Full coordination on you", "loss"],
                            ],
                            [
                                "Uptime / SLA",
                                ["✓ 99.9% SLA guaranteed", "win"],
                                ["Depends on retention", "warn"],
                                ["Project delivery only", "warn"],
                                ["Per-vendor SLAs", "warn"],
                                ["No SLA, best-effort", "loss"],
                            ],
                            [
                                "Compliance ready",
                                ["✓ PCI, SOC2, GDPR built-in", "win"],
                                ["Self-managed, costly", "loss"],
                                ["Varies by agency", "warn"],
                                ["Varies per vendor", "warn"],
                                ["Typically none", "loss"],
                            ],
                            [
                                "Strategic advisory",
                                ["✓ Fractional CTO included", "win"],
                                ["Need to hire CTO ($200K+)", "loss"],
                                ["None", "loss"],
                                ["None", "loss"],
                                ["None", "loss"],
                            ],
                            [
                                "Long-term continuity",
                                ["✓ Stable team, documented", "win"],
                                ["High attrition risk", "loss"],
                                ["Project ends, you're alone", "loss"],
                                ["Vendor dependency", "warn"],
                                ["Ghosting risk", "loss"],
                            ],
                        ];

                        $styles = [
                            'win'  => 'text-royal font-semibold',
                            'warn' => 'text-soft',
                            'loss' => 'text-zinc-400',
                        ];
                        $bgStyles = [
                            'win'  => 'bg-royal/[0.025] border-l border-royal/10',
                            'warn' => 'bg-white border-l border-zinc-100',
                            'loss' => 'bg-white border-l border-zinc-100',
                        ];

                        foreach ($rows as $i => $row):
                            $bg = $i % 2 !== 0 ? 'bg-zinc-50/60' : '';
                        ?>
                            <tr class="border-b border-zinc-50 hover:bg-zinc-50/80 transition-colors <?= $bg ?>">
                                <td class="py-4 px-6 font-semibold text-dark text-sm"><?= $row[0] ?></td>
                                <?php for ($c = 1; $c <= 5; $c++): ?>
                                    <td class="py-4 px-5 text-sm <?= $styles[$row[$c][1]] ?> <?= $bgStyles[$row[$c][1]] ?>"><?= $row[$c][0] ?></td>
                                <?php endfor; ?>
                            </tr>
                        <?php endforeach; ?>

                        <!-- Score row -->
                        <tr class="bg-royal/[0.03] border-t-2 border-royal/10">
                            <td class="py-5 px-6 font-semibold text-dark text-sm">Overall score</td>
                            <td class="py-5 px-5 bg-royal/[0.05] border-l border-royal/10">
                                <div class="flex items-center gap-2">
                                    <div class="flex gap-0.5">
                                        <?php for ($s = 0; $s < 5; $s++): ?>
                                            <i class="ri-star-fill text-brandOrange text-sm"></i>
                                        <?php endfor; ?>
                                    </div>
                                    <span class="font-semibold text-royal text-sm">10/10</span>
                                </div>
                            </td>
                            <td class="py-5 px-5 text-soft text-sm border-l border-zinc-100">5/10 — expensive & slow</td>
                            <td class="py-5 px-5 text-soft text-sm border-l border-zinc-100">5/10 — no continuity</td>
                            <td class="py-5 px-5 text-soft text-sm border-l border-zinc-100">5/10 — fragmented</td>
                            <td class="py-5 px-5 text-soft text-sm border-l border-zinc-100">4/10 — single-use only</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <p class="text-center font-mono text-[10px] uppercase tracking-widest text-soft mt-6" data-aos="fade-up">
                All estimates based on industry averages for mid-market organisations (3–8 developers equivalent). Results vary by scope and geography.
            </p>
        </div>
    </section>

    

    <!-- ═══════════════════════════════════════ -->
    <!--  WHY BUSINESSES CHOOSE NESVRA          -->
    <!-- ═══════════════════════════════════════ -->
    <section class="py-24 px-[5%] " id="why">
        <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"> Why Businesses Choose Nesvra</span>
                <h2 class="text-4xl md:text-5xl font-[400] tracking-tighter text-dark leading-[1.1]">
                    The five reasons <span class="italic font-serif text-royal">that actually matter.</span>
                </h2>
            </div>

            <div class="flex flex-col border-t border-zinc-200">
                <?php
                $reasons = [
                    ["Speed",          "You need a team working on your product within days not months. Nesvra onboards in 48 hours. No recruitment, no ramp-up, no interviews.",   "From contract to first sprint in 48 hours — no hiring process."],
                    ["Cost",           "The fully loaded cost of an equivalent in-house team is $280K+ per year. Nesvra delivers the same capability for a fraction of that — predictably, monthly.", "Save 70–85% versus the fully loaded cost of building in-house."],
                    ["Quality",        "Every Nesvra team includes senior engineers, a PM, QA, and DevOps. Not junior contractors filling seats  specialists with accountability baked in.", "Enterprise-grade output with SLA guarantees, not best-effort delivery."],
                    ["Ownership",      "Your code, your IP, your infrastructure. No licensing, no vendor dependency, no ransom when you want to leave. It's yours.", "Full source code transfer at handoff. No licensing traps. Ever."],
                    ["Continuity",     "Freelancers disappear. Agencies finish the project and invoice. In-house engineers leave. Nesvra is a managed, documented, redundant team that keeps shipping.", "Redundant team structure means no single point of failure or knowledge loss."],
                ];
                foreach ($reasons as $i => [$label, $desc, $proof]):
                ?>
                    <div class="grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-8 py-10 border-b border-zinc-200 group hover:bg-white px-4 md:px-8 -mx-4 md:-mx-8 transition-all duration-500 rounded-[24px]"
                        data-aos="fade-up" data-aos-delay="<?= min($i * 60, 240) ?>">
                        <div class="md:col-span-3 flex items-start gap-4">
                            <span class="font-mono text-brandOrange font-semibold text-xs tracking-tighter pt-1 shrink-0">/ 0<?= $i + 1 ?></span>
                            <h4 class="text-xl font-medium text-royal tracking-tighter group-hover:text-electric transition-colors duration-300"><?= $label ?></h4>
                        </div>
                        <div class="md:col-span-5">
                            <p class="text-soft text-base leading-relaxed group-hover:text-dark transition-colors duration-300"><?= $desc ?></p>
                        </div>
                        <div class="md:col-span-4 flex items-start">
                            <div class="flex items-start gap-3 p-4 bg-[#F8F9FA] group-hover:bg-electric/5 rounded-[16px] border border-zinc-100 group-hover:border-electric/20 transition-all duration-300">
                                <i class="ri-check-line text-electric text-sm mt-0.5 flex-shrink-0"></i>
                                <p class="text-dark text-sm font-medium leading-snug"><?= $proof ?></p>
                            </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="Asset/TechTeam.webp"
                        alt="Tech Team CTA"
                        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/60 via-black/50 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">
                     
                        <h2 class="text-4xl md:text-6xl font-[400] tracking-tighter text-white leading-tight mb-4">
                            Ready to launch, grow <span class="italic font-serif text-brandOrange">or modernize with technology?</span>
                        </h2>
                        <p class="text-white/80 text-lg mb-8 max-w-[700px] mx-auto leading-relaxed font-[400]">
                          From startups to enterprises, Nesvra provides the software, teams, and infrastructure needed to grow and scale.
                        </p>
                        <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
                            <a href="#pricing" 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">
                                See Plans →
                            </a>
                            <a href="/get-demo" 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">
                                Book Strategy Call
                            </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>