<!DOCTYPE html>
<html lang="en">

<?php
$pagetitle = "Case Studies | What Organizations Build on 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/50 z-10"></div>
            <img src="https://plus.unsplash.com/premium_photo-1664300255663-41d18cf0f03e?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
                class="w-full h-full object-cover"
                style="background-attachment: fixed; background-position: center;"
                alt="Nesvra Tech Team" />
        </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">
                Case studies · illustrative scenarios
            </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">
                What organizations build
                <br class="hidden md:block">
                <span class="italic font-serif">on software they own</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">
               From fintech launches to enterprise deployments to founder stories, see how institutions launch fast and own their technology on Nesvra.
            </p>
            <div data-aos="fade-up" data-aos-delay="600" class="mt-6 flex items-center gap-4">
                <a href="book-strategy-call.php"
                    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">
                    Explore Solutions
                    <i class="ri-arrow-right-line"></i>
                </a>
            </div>
        </div>
    </section>

<!-- ─── MINIMAL ACCENT-COLOR CASE STUDY DIRECTORY ─── -->
<section class="py-20 bg-white border-b border-slate-100">
    <div class="max-w-6xl mx-auto px-6">
        
        <!-- Header Container -->
        <div class="mb-12">
            <span class="font-mono text-[10px] uppercase tracking-[0.3em] text-brandOrange block mb-2">Browse by category</span>
            <h1 class="text-3xl font-normal tracking-tight text-dark">Case studies by category</h1>
        </div>

        <!-- Clean, Divided List Architecture -->
        <div class="divide-y divide-slate-100 border-y border-slate-100">
            
            <!-- ROW 1: Fintech Launches -->
            <div class="group relative py-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4 transition-all duration-300 hover:px-3">
                <div class="flex items-start gap-4">
                    <!-- Icon Box: Blue Accent -->
                    <div class="w-10 h-10 shrink-0 flex items-center justify-center bg-blue-50 border border-blue-100/70 rounded-xl transition-colors group-hover:bg-blue-100/50">
                        <i class="ri-rocket-2-line text-lg text-blue-600"></i>
                    </div>
                    <div class="space-y-1">
                        <h2 class="text-sm font-medium text-dark tracking-tight">Fintech Launches</h2>
                        <p class="text-slate-500 text-sm max-w-xl">A cooperative digitized 30,000 members in four weeks.</p>
                    </div>
                </div>
                
                <div class="flex items-center gap-1 text-xs font-mono uppercase tracking-wider text-slate-400 group-hover:text-blue-600 transition-colors self-end sm:self-center">
                    <span>View Case</span>
                    <i class="ri-arrow-right-line transition-transform group-hover:translate-x-1"></i>
                </div>
                
                <a href="case-studies-fintech-launches.php" class="absolute inset-0 z-10" aria-label="View Fintech Launches"></a>
            </div>

            <!-- ROW 2: Enterprise Systems -->
            <div class="group relative py-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4 transition-all duration-300 hover:px-3">
                <div class="flex items-start gap-4">
                    <!-- Icon Box: Lime/Emerald Accent -->
                    <div class="w-10 h-10 shrink-0 flex items-center justify-center bg-emerald-50 border border-emerald-100/70 rounded-xl transition-colors group-hover:bg-emerald-100/50">
                        <i class="ri-building-4-line text-lg text-emerald-600"></i>
                    </div>
                    <div class="space-y-1">
                        <h2 class="text-sm font-medium text-dark tracking-tight">Enterprise Systems</h2>
                        <p class="text-slate-500 text-sm max-w-xl">A group replaced eleven tools with one platform.</p>
                    </div>
                </div>
                
                <div class="flex items-center gap-1 text-xs font-mono uppercase tracking-wider text-slate-400 group-hover:text-emerald-600 transition-colors self-end sm:self-center">
                    <span>View Case</span>
                    <i class="ri-arrow-right-line transition-transform group-hover:translate-x-1"></i>
                </div>
                
                <a href="case-studies-enterprise-systems.php" class="absolute inset-0 z-10" aria-label="View Enterprise Systems"></a>
            </div>

            <!-- ROW 3: Startup Success Stories -->
            <div class="group relative py-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4 transition-all duration-300 hover:px-3">
                <div class="flex items-start gap-4">
                    <!-- Icon Box: Brand Orange/Amber Accent -->
                    <div class="w-10 h-10 shrink-0 flex items-center justify-center bg-amber-50 border border-amber-100/70 rounded-xl transition-colors group-hover:bg-amber-100/50">
                        <i class="ri-star-line text-lg text-amber-600"></i>
                    </div>
                    <div class="space-y-1">
                        <h2 class="text-sm font-medium text-dark tracking-tight">Startup Success Stories</h2>
                        <p class="text-slate-500 text-sm max-w-xl">A founder launched a venture and ran it on one platform.</p>
                    </div>
                </div>
                
                <div class="flex items-center gap-1 text-xs font-mono uppercase tracking-wider text-slate-400 group-hover:text-amber-600 transition-colors self-end sm:self-center">
                    <span>View Case</span>
                    <i class="ri-arrow-right-line transition-transform group-hover:translate-x-1"></i>
                </div>
                
                <a href="case-studies-startup-success-stories.php" class="absolute inset-0 z-10" aria-label="View Startup Success Stories"></a>
            </div>

        </div>

    </div>
</section>


<!-- ─── METRIC HIGHLIGHTS SHOWCASE ─── -->
<section class="py-24 bg-white border-b border-slate-100">
    <div class="max-w-6xl mx-auto px-6">
        
        <!-- Header -->
        <div class="mb-16">
            <span class="font-mono text-[10px] uppercase tracking-[0.3em] text-slate-400 block mb-2">Featured · illustrative</span>
            <h2 class="text-3xl font-normal tracking-tight text-dark">Highlights across categories</h2>
        </div>

        <!-- Divided Row System -->
        <div class="divide-y divide-slate-100 border-y border-slate-100">
            
            <!-- FEATURED BLOCK 1: Cooperative Banking -->
            <div class="group relative py-10 grid grid-cols-1 lg:grid-cols-12 gap-8 items-start transition-all duration-300 hover:px-3">
                
                <!-- Left Details (6 Columns) -->
                <div class="lg:col-span-6 space-y-2">
                    <span class="font-mono text-[10px] uppercase tracking-[0.2em] text-blue-600 block">Cooperative · banking</span>
                    <h3 class="text-lg font-medium text-dark tracking-tight max-w-md">
                        A cooperative digitized 30,000 members in four weeks
                    </h3>
                </div>

                <!-- Right Metrics Grid (6 Columns) -->
                <div class="lg:col-span-6 grid grid-cols-3 gap-4 pt-2 lg:pt-0">
                    <div class="space-y-1">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-blue-600 transition-colors">30,000</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">members</p>
                    </div>
                    <div class="space-y-1 border-l border-slate-100 pl-4">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-blue-600 transition-colors">12</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">branches</p>
                    </div>
                    <div class="space-y-1 border-l border-slate-100 pl-4">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-emerald-600 transition-colors">85%</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">less manual work</p>
                    </div>
                </div>

                <!-- Entire Row Trigger Link -->
                <a href="case-studies-fintech-launches.php" class="absolute inset-0 z-10" aria-label="View Cooperative Case Study"></a>
            </div>

            <!-- FEATURED BLOCK 2: Mid-market group -->
            <div class="group relative py-10 grid grid-cols-1 lg:grid-cols-12 gap-8 items-start transition-all duration-300 hover:px-3">
                
                <div class="lg:col-span-6 space-y-2">
                    <span class="font-mono text-[10px] uppercase tracking-[0.2em] text-emerald-600 block">Mid-market group · operating system</span>
                    <h3 class="text-lg font-medium text-dark tracking-tight max-w-md">
                        A group replaced eleven tools with one platform
                    </h3>
                </div>

                <div class="lg:col-span-6 grid grid-cols-3 gap-4 pt-2 lg:pt-0">
                    <div class="space-y-1">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-emerald-600 transition-colors">11</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">tools replaced</p>
                    </div>
                    <div class="space-y-1 border-l border-slate-100 pl-4">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-emerald-600 transition-colors">312</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">employees</p>
                    </div>
                    <div class="space-y-1 border-l border-slate-100 pl-4">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-emerald-600 transition-colors">22%</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">lower cost</p>
                    </div>
                </div>

                <a href="case-studies-enterprise-systems.php" class="absolute inset-0 z-10" aria-label="View Enterprise Operating System Case Study"></a>
            </div>

            <!-- FEATURED BLOCK 3: Startup -->
            <div class="group relative py-10 grid grid-cols-1 lg:grid-cols-12 gap-8 items-start transition-all duration-300 hover:px-3">
                
                <div class="lg:col-span-6 space-y-2">
                    <span class="font-mono text-[10px] uppercase tracking-[0.2em] text-amber-600 block">Startup · operating system</span>
                    <h3 class="text-lg font-medium text-dark tracking-tight max-w-md">
                        A founder launched a venture and ran it on one platform
                    </h3>
                </div>

                <div class="lg:col-span-6 grid grid-cols-3 gap-4 pt-2 lg:pt-0">
                    <div class="space-y-1">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-amber-600 transition-colors">1</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">founder</p>
                    </div>
                    <div class="space-y-1 border-l border-slate-100 pl-4">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-amber-600 transition-colors">4 wks</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">to launch</p>
                    </div>
                    <div class="space-y-1 border-l border-slate-100 pl-4">
                        <p class="text-2xl font-normal tracking-tight text-dark font-sans group-hover:text-amber-600 transition-colors">1</p>
                        <p class="text-[11px] font-mono uppercase tracking-wider text-slate-400">owned platform</p>
                    </div>
                </div>

                <a href="case-studies-startup-success-stories.php" class="absolute inset-0 z-10" aria-label="View Startup Case Study"></a>
            </div>

        </div>

    </div>
</section>


<!-- ─── OWNERSHIP PROPOSITION & CTA ─── -->
<section class="py-24 bg-slate-50/50 border-b border-slate-100">
    <div class="max-w-5xl mx-auto px-6">
        <div class="grid grid-cols-1 md:grid-cols-12 gap-8 items-center">
            
            <!-- Core Argument (7 Columns) -->
            <div class="md:col-span-7 space-y-4">
                <div class="inline-flex items-center gap-2">
                    <span class="w-1 h-1 rounded-full bg-blue-600"></span>
                    <span class="font-mono text-[10px] uppercase tracking-[0.2em] text-slate-400 font-semibold">The Nesvra Core</span>
                </div>
                <h2 class="text-2xl font-medium tracking-tight text-dark leading-snug">
                    One thread across every story: <br class="hidden sm:inline">they own the technology
                </h2>
                <p class="text-slate-500 text-sm leading-relaxed max-w-xl">
                    Each scenario is built on Nesvra software that is acquired once and owned for life, complete with full source code access. Deployable natively in your private cloud or securely on-premise.
                </p>
            </div>

            <!-- Action Target (5 Columns) -->
            <div class="md:col-span-5 flex md:justify-end pt-4 md:pt-0">
                <a href="book-strategy-call.php" class="group inline-flex items-center justify-between gap-6 px-6 py-4 bg-slate-950 hover:bg-blue-600 rounded-2xl w-full sm:w-auto text-white transition-all duration-300 shadow-sm shadow-slate-950/10">
                    <div class="text-left">
                        <span class="block font-mono text-[9px] uppercase tracking-widest text-slate-400 group-hover:text-blue-100 transition-colors">Deploy Nesvra</span>
                        <span class="text-sm font-medium tracking-tight">Talk to Sales</span>
                    </div>
                    <div class="w-8 h-8 rounded-xl bg-white/10 flex items-center justify-center text-white transition-transform group-hover:translate-x-0.5">
                        <i class="ri-arrow-right-line text-base"></i>
                    </div>
                </a>
            </div>

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







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



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








</body>

</html>