<!DOCTYPE html>
<html lang="en">
<?php
$pagetitle = "Industries | Technology Solutions for Every Sector | Nesvra";
include 'components/head.php';
?>

<body class="bg-white">

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

    <!-- ═══════════════════════════════════════ -->
    <!--  HERO                                   -->
    <!-- ═══════════════════════════════════════ -->

    <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="Asset/Team.webp"
                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.3em] text-brandOrange uppercase mb-4" data-aos="fade-right" data-aos-delay="100">
                Technology solutions tailored for your industry
            </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">
                Built for your industry,

                <br class="hidden md:block">
                <span class="italic font-serif text-white/90">owned by you</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">
                From banks to manufacturers to government, Nesvra brings the platforms, infrastructure and teams each industry needs, on software you own outright.
            </p>

            <!-- CTA Action Buttons Group -->
            <div data-aos="fade-up" data-aos-delay="600" class=" 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)]">


                    Talk to Sales
                    <i data-lucide="move-right" class="w-4 h-4 text-white"></i>
                </a>
                <a href="#solutions"
                    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-down-line"></i>
                </a>
            </div>
        </div>
    </section>



    <section class="bg-zinc-50 py-24 px-4 border-y border-zinc-100" id="industries">
        <div class="max-w-7xl mx-auto lg:px-6 px-0">

            <!-- Section Header Module -->
            <div class="grid lg:grid-cols-2 gap-8 items-end mb-20">
                <div data-aos="fade-up" data-aos-duration="1000">
                    <span class="font-mono text-[11px] font-bold tracking-[0.3em] text-brandOrange uppercase block mb-6" data-aos="fade-right" data-aos-duration="900" data-aos-delay="100">
                        SOLUTIONS FOR EVERY SECTOR
                    </span>
                    <h2 class="text-4xl md:text-4xl font-[400] tracking-tight leading-[1.15] text-zinc-900">
                        Engineered Infrastructure <br>For Any Industry
                    </h2>
                </div>
                <div data-aos="fade-up" data-aos-delay="200">
                    <p class="text-zinc-500 text-md border-l-2 border-zinc-200 pl-6 font-[400] max-w-xl">
                        Deploy native banking engines, split-settlement marketplaces, or public disbursement vectors. Our core architecture adapts seamlessly around your specific industrial operational limits.
                    </p>
                </div>
            </div>

            <?php
            $industries = [
                [
                    'title' => 'Banking',
                    'desc' => 'Build and operate modern banks, cooperatives and microfinance institutions on enterprise-grade core banking technology with integrated payments, digital channels, compliance and infrastructure you own and control.',
                    'image' => 'Asset/banking.webp',
                    'btn_text' => 'Explore Banking',
                    'link' => 'industry-banking.php',
                    'sticky_top' => 'md:top-12'
                ],
                [
                    'title' => 'Financial Services',
                    'desc' => 'Launch fintech platforms, payment solutions, lending systems, digital wallets and investment products on scalable technology built for innovation, compliance and rapid growth.',
                    'image' => 'Asset/financial-services.webp',
                    'btn_text' => 'Explore Financial Services',
                    'link' => 'industries-financial-services.php',
                    'sticky_top' => 'md:top-16'
                ],
                [
                    'title' => 'Telecommunications',
                    'desc' => 'Power telecom operators, ISPs and digital service providers with integrated billing, subscriber management, CRM, USSD, SMS, payments and operational infrastructure on one connected platform.',
                    'image' => 'Asset/telecomunications.webp',
                    'btn_text' => 'Explore Telecommunications',
                    'link' => 'industries-telecommunications.php',
                    'sticky_top' => 'md:top-20'
                ],
                [
                    'title' => 'Ecommerce & Omnichannel Retail',
                    'desc' => 'Create seamless retail experiences with unified commerce platforms connecting online stores, POS, inventory, logistics, payments, customer engagement and business intelligence.',
                    'image' => 'Asset/ecommerce.webp',
                    'btn_text' => 'Explore Ecommerce',
                    'link' => 'industries-ecommerce.php',
                    'sticky_top' => 'md:top-20'
                ],
                [
                    'title' => 'Healthcare',
                    'desc' => 'Digitize healthcare operations with secure platforms for patient management, clinical workflows, billing, diagnostics, telemedicine and data-driven healthcare delivery.',
                    'image' => 'Asset/healthcare.webp',
                    'btn_text' => 'Explore Healthcare',
                    'link' => 'industries-healthcare.php',
                    'sticky_top' => 'md:top-20'
                ],
                [
                    'title' => 'Education & Academic Ledgers',
                    'desc' => 'Transform educational institutions with integrated platforms for admissions, academics, finance, communication, digital learning and campus-wide administration.',
                    'image' => 'Asset/education.webp',
                    'btn_text' => 'Explore Education',
                    'link' => 'industries-education.php',
                    'sticky_top' => 'md:top-20'
                ],
                [
                    'title' => 'Manufacturing & Industrial Operations',
                    'desc' => 'Modernize manufacturing with intelligent ERP systems that unify production planning, inventory, procurement, quality control, finance and operational analytics.',
                    'image' => 'Asset/manufacturing.webp',
                    'btn_text' => 'Explore Manufacturing',
                    'link' => 'industries-manufacturing.php',
                    'sticky_top' => 'md:top-20'
                ],
                [
                    'title' => 'Logistics & Smart Distribution',
                    'desc' => 'Optimize supply chains with connected logistics platforms for fleet management, warehousing, shipment tracking, inventory, customer operations and financial management.',
                    'image' => 'Asset/logistics.webp',
                    'btn_text' => 'Explore Logistics',
                    'link' => 'industries-logistics.php',
                    'sticky_top' => 'md:top-20'
                ],
                [
                    'title' => 'Government & Public Sectors',
                    'desc' => 'Enable digital government with secure enterprise platforms for public administration, citizen services, financial management, records, automation and large-scale institutional operations.',
                    'image' => 'Asset/government.webp',
                    'btn_text' => 'Explore Government',
                    'link' => 'industries-government.php',
                    'sticky_top' => 'md:top-20'
                ]
            ];
            ?>

            <!-- Alternating Sticky Grid Track Stack -->
            <div class="space-y-24 md:space-y-32">
                <?php foreach ($industries as $index => $item): ?>
                    <div class="relative sticky <?= $item['sticky_top'] ?> bg-zinc-50 pb-16 md:pb-24 overflow-visible">
                        <div class="grid md:grid-cols-2 gap-12 items-center border-t border-zinc-200 pt-12 relative group" data-aos="fade-up" data-aos-delay="150">

                            <!-- Visual Asset Container (Alternates order to left-side on desktop) -->
                            <div class="image-side z-10 lg:order-1 order-2">
                                <div class="aspect-[4/3] w-full rounded-[24px] overflow-hidden border border-zinc-200/60 shadow-[0_32px_64px_-16px_rgba(24,24,27,0.04)] relative bg-zinc-100">
                                    <div class="absolute inset-0 bg-gradient-to-tr from-brandOrange/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-105" />
                                </div>
                            </div>

                            <!-- Text Information Content Container -->
                            <div class="content-side z-20 lg:order-2 order-1 lg:pl-6">
                                <h3 class="text-3xl text-zinc-900 font-[400] mb-4"><?= $item['title'] ?></h3>
                                <p class="text-base text-zinc-500 leading-relaxed max-w-xl"><?= $item['desc'] ?></p>

                                <div class="pt-6 relative block">
                                    <a href="<?= $item['link'] ?>" class="shimmer-effect group relative inline-flex items-center gap-3 px-8 py-4 bg-electric text-white rounded-full transition-all duration-300 hover:scale-[1.03] active:translate-y-[2px] shadow-[0_15px_35px_-5px_rgba(51,83,224,0.35)] z-30">
                                        <!-- Premium Inner Edge Highlight Stroke -->
                                        <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>

                                        <!-- Text Elements -->
                                        <span class="font-sans font-[600] tracking-tight text-sm"><?= $item['btn_text'] ?></span>
                                        <i data-lucide="arrow-right" class="group-hover:translate-x-1 transition-transform w-4 h-4"></i>
                                    </a>
                                </div>
                            </div>

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

        </div>
    </section>



    





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

</body>

</html>