@extends('layouts.app')

@section('title', 'Crescendo Defence | India-Global Defence Industrial Corridor')
@section('meta_description', 'Crescendo Defence connects India and global defence markets — market access, technology transfer, localization and industrial execution across Land, Air, Sea, Space and Cyber.')
@section('canonical', 'https://crescendodefence.com/')

@section('content')

<link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
>

<style>

/* ==========================================================
   HERO DOMAIN AUTOROTATION
========================================================== */

.hero-domain-slider {
    position: relative;
    overflow: hidden;
}


/* DOMAIN MENU */

.hero-domain-tabs {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) auto;
    align-items: center;
    gap: 28px;
    margin: 0 0 48px;
    padding: 16px 18px 16px 24px;
    border: 1px solid #e8e8e4;
    border-radius: 16px;
    background: #fbfbf8;
    box-shadow: 0 10px 30px rgba(17, 17, 17, .035);
}

.hero-domain-label {
    margin: 0;
    color: #777;
    font-family: monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .20em;
    text-transform: uppercase;
}

.hero-domain-tab {
    position: relative;
    min-width: 72px;
    padding: 12px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: #171717;
    font-family: monospace;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    cursor: pointer;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;
}

.hero-domain-tab::after {
    display: none;
}

.hero-domain-tab:hover {
    border-color: #ffc5b4;
    background: #fff3ee;
    color: #ff7048;
    transform: translateY(-1px);
}

.hero-domain-tab.active {
    border-color: #ff7048;
    background: #ff7048;
    color: #fff;
}

.hero-domain-tab.active::after {
    display: none;
}


/* GRID */

.hero-domain-grid {
    align-items: stretch;
}


/* LEFT */

.hero-domain-content {
    position: relative;

    min-height: 560px;
}


.hero-domain-slide {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;

    opacity: 0;

    transform: translateY(25px);

    pointer-events: none;

    transition:
        opacity .65s ease,
        transform .65s ease;
}


.hero-domain-slide.active {
    position: relative;

    opacity: 1;

    transform: translateY(0);

    pointer-events: auto;
}


.hero-domain-slide h1 {
    margin-top: 0;
}


.hero-domain-slide h1 em {
    color: #ff7048;
    font-style: normal;
}


/* RIGHT IMAGE AREA */

.hero-domain-visual {
    position: relative;

    min-height: 550px;

    overflow: hidden;

    border-radius: 36px;

    background: #181818;
}


.hero-domain-image {
    position: absolute;

    inset: 0;

    opacity: 0;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    transform: scale(1.08);

    transition:
        opacity 1s ease,
        transform 6s ease;
}


.hero-domain-image.active {
    opacity: 1;

    transform: scale(1);
}


.hero-domain-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.15),
            rgba(0,0,0,.05) 45%,
            rgba(0,0,0,.55)
        );

    z-index: 2;
}


.hero-domain-visual-top {
    position: absolute;

    left: 36px;
    top: 35px;

    z-index: 3;

    display: flex;

    gap: 7px;

    color: white;

    font-family: monospace;
    font-size: 10px;

    letter-spacing: .12em;
}


.hero-domain-visual-top span:first-child {
    color: #ff7048;
}


.hero-domain-number {
    position: absolute;

    left: 36px;
    bottom: 55px;

    z-index: 3;

    color: white;
}


.hero-domain-number span {
    display: block;

    font-size: 70px;
    line-height: .9;

    font-weight: 700;

    letter-spacing: -.06em;
}


.hero-domain-number small {
    display: block;

    margin-top: 10px;

    color: #ddd;

    font-family: monospace;

    font-size: 9px;

    letter-spacing: .14em;
}


/* progress */

.hero-domain-progress {
    position: absolute;

    left: 36px;
    right: 36px;
    bottom: 28px;

    z-index: 5;

    height: 2px;

    background:
        rgba(255,255,255,.25);
}


.hero-domain-progress-fill {
    display: block;

    width: 0;
    height: 100%;

    background: #ff7048;
}


/* responsive */

@media (max-width: 900px) {

    .hero-domain-tabs {
        justify-content: flex-start;

        gap: 18px;

        overflow-x: auto;

        white-space: nowrap;
    }


    .hero-domain-label {
        display: none;
    }


    .hero-domain-content {
        min-height: auto;
    }


    .hero-domain-slide {
        position: absolute;
    }


    .hero-domain-slide.active {
        position: relative;
    }


    .hero-domain-visual {
        margin-top: 30px;

        min-height: 420px;
    }

}


@media (max-width: 600px) {

    .hero-domain-tabs {
        margin-bottom: 45px;
    }


    .hero-domain-visual {
        min-height: 340px;

        border-radius: 24px;
    }


    .hero-domain-visual-top {
        left: 22px;
        top: 22px;
    }


    .hero-domain-number {
        left: 22px;
        bottom: 45px;
    }


    .hero-domain-progress {
        left: 22px;
        right: 22px;
        bottom: 20px;
    }

}

/* ==========================================================
   05 — FOCUS SECTOR VIDEO SECTION
========================================================== */

.focus-sector-video-section {
    overflow: hidden;

    padding-bottom: 100px;

    background: #f7f7f5;
}


/* heading aligns with normal site sections */

.sector-heading-wrap {
    padding-bottom: 55px;
}


.focus-sector-label {
    margin-bottom: 25px;

    color: #ff7048;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .14em;

    text-transform: uppercase;
}


.focus-sector-title h2 {
    max-width: 100%;

    margin: 0;

    color: #111;

    font-size:
        clamp(46px, 4.5vw, 60px);

    line-height: .95;

    letter-spacing: -.052em;

    font-weight: 700;
}


.focus-sector-title h2 span {
    color: #ff7048;
}



/* ==========================================================
   VIDEO GALLERY CONTAINER
========================================================== */

.sector-video-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    width:
        calc(100% - 80px);

    max-width: 1400px;

    margin: 0 auto;

    gap: 2px;

    background: #0d0f10;
}



/* ==========================================================
   VIDEO TILE
========================================================== */

.sector-video-card {
    position: relative;

    display: block;

    min-width: 0;

    height: 270px;

    overflow: hidden;

    background: #111;

    text-decoration: none;

    isolation: isolate;
}


.sector-video-card video {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    transform: scale(1.01);

    transition:
        transform .9s cubic-bezier(.2,.7,.2,1),
        filter .5s ease;
}


/* dark overlay */

.sector-video-overlay {
    position: absolute;

    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 25%,
            rgba(0,0,0,.10) 45%,
            rgba(0,0,0,.78) 100%
        );

    transition:
        background .45s ease;
}



/* subtle tile border */

.sector-video-card::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 5;

    border:
        1px solid
        rgba(255,255,255,.08);

    pointer-events: none;
}



/* bottom orange hover line */

.sector-video-card::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    z-index: 6;

    width: 0;
    height: 3px;

    background: #ff7048;

    transition:
        width .4s ease;
}



/* ==========================================================
   TEXT
========================================================== */

.sector-video-copy {
    position: absolute;

    z-index: 4;

    left: 22px;
    right: 18px;
    bottom: 20px;

    color: #fff;
}


.sector-video-copy small {
    display: block;

    margin-bottom: 8px;

    color: #ff7048;

    font-family: monospace;

    font-size: 8px;

    line-height: 1.4;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.sector-video-copy h3 {
    max-width: 260px;

    margin: 0;

    color: #fff;

    font-size:
        clamp(19px,1.5vw,27px);

    line-height: 1.05;

    letter-spacing: -.025em;

    font-weight: 650;
}



/* ==========================================================
   HOVER
========================================================== */

.sector-video-card:hover video {
    transform: scale(1.07);
}


.sector-video-card:hover
.sector-video-overlay {

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02),
            rgba(0,0,0,.06) 40%,
            rgba(0,0,0,.72) 100%
        );
}


.sector-video-card:hover::before {
    width: 100%;
}



/* ==========================================================
   DESKTOP 1200
========================================================== */

@media (max-width: 1200px) {

    .sector-video-grid {

        width:
            calc(100% - 50px);

        grid-template-columns:
            repeat(3,minmax(0,1fr));

    }


    .sector-video-card {
        height: 260px;
    }

}



/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

    .sector-video-grid {

        width:
            calc(100% - 36px);

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }


    .sector-video-card {
        height: 240px;
    }

}



/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 550px) {

    .focus-sector-video-section {
        padding-bottom: 60px;
    }


    .sector-heading-wrap {
        padding-bottom: 35px;
    }


    .focus-sector-title h2 {
        font-size: 38px;
    }


    .sector-video-grid {

        width:
            calc(100% - 28px);

        grid-template-columns: 1fr;

    }


    .sector-video-card {
        height: 250px;
    }


    .sector-video-copy {
        left: 20px;
        bottom: 18px;
    }


    .sector-video-copy h3 {
        font-size: 25px;
    }

}


/* ==========================================================
   HERO VIDEO INTRO — FULL WIDTH / FULL VIEWPORT
========================================================== */
.hero-video-intro {
    position: relative;
    left: 50%;
    width: 100vw;
    height: 68vh;
    min-height: 500px;
    max-height: 700px;
    margin: -40px 0 34px;
    overflow: hidden;
    border-radius: 0;
    background: #0b0c0d;
    isolation: isolate;
    transform: translateX(-50%);
}
.hero-video-intro video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.hero-video-intro::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.48) 46%, rgba(0,0,0,.12) 100%),
        linear-gradient(0deg, rgba(0,0,0,.24) 0%, rgba(0,0,0,0) 42%);
    z-index: 1;
}
.hero-video-copy {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100% - 56px, 1440px);
    height: 100%;
    min-height: inherit;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.hero-video-copy h1 {
    max-width: 1050px;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(44px, 6.4vw, 78px);
    line-height: .98;
    letter-spacing: -.05em;
    text-align: center;
}

@media (max-width: 900px) {
    .hero-domain-tabs {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px;
        overflow: visible;
        white-space: normal;
    }

    .hero-domain-tabs .hero-domain-label {
        display: block;
    }

    .hero-domain-tab {
        min-width: 0;
    }
}

@media (max-width: 700px) {
    .hero-video-intro {
        height: 58vh;
        min-height: 420px;
        max-height: 560px;
        margin: -40px 0 26px;
    }
    .hero-video-copy {
        width: calc(100% - 40px);
        padding: 0;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .hero-video-copy h1 {
        max-width: 760px;
        font-size: clamp(38px, 10vw, 58px);
        line-height: 1;
        text-align: center;
    }
    .hero-domain-tabs {
        margin-bottom: 36px;
    }
}


/* ==========================================================
   FINAL OPERATING DOMAINS LAYOUT — COMPACT SINGLE ROW
========================================================== */
.hero-domain-tabs {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 34px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

.hero-domain-label {
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    color: #777 !important;
    font-family: monospace !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .20em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.hero-domain-tab {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #171717 !important;
    font-family: monospace !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transform: none !important;
}

.hero-domain-tab::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background: #ff7048 !important;
    transform: translateX(-50%) !important;
    transition: width .25s ease !important;
}

.hero-domain-tab:hover,
.hero-domain-tab.active {
    color: #ff7048 !important;
    background: transparent !important;
}

.hero-domain-tab:hover::after,
.hero-domain-tab.active::after {
    width: 100% !important;
}

.hero-domain-grid {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 900px) {
    .hero-domain-tabs {
        justify-content: flex-start !important;
        gap: 24px !important;
        margin-bottom: 24px !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        scrollbar-width: none !important;
    }

    .hero-domain-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .hero-domain-label {
        display: inline-flex !important;
        margin-right: 10px !important;
    }
}

@media (max-width: 600px) {
    .hero-domain-tabs {
        gap: 20px !important;
        margin-bottom: 20px !important;
    }

    .hero-domain-label {
        display: none !important;
    }
}



/* ==========================================================
   FINAL HERO DOMAIN SPACING FIX
   Keeps the operating-domain section compact and removes
   the large empty area after the content.
========================================================== */
.hero.hero-domain-slider {
    padding-bottom: 28px !important;
}

.hero-domain-tabs {
    margin-bottom: 26px !important;
}

.hero-domain-grid {
    align-items: start !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.hero-domain-content {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.hero-domain-slide,
.hero-domain-slide.active {
    min-height: 0 !important;
    height: auto !important;
}

.hero-domain-content .section-head {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.hero-domain-content .lead {
    margin-bottom: 0 !important;
}

.hero-actions {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}

.hero-domain-visual {
    min-height: 0 !important;
    height: 500px !important;
    margin-bottom: 0 !important;
}

/* Make the following section begin immediately after the domain block */
.hero.hero-domain-slider + section {
    margin-top: 0 !important;
}

@media (max-width: 1100px) {
    .hero-domain-visual {
        height: 470px !important;
    }
}

@media (max-width: 900px) {
    .hero.hero-domain-slider {
        padding-bottom: 24px !important;
    }

    .hero-domain-grid {
        gap: 28px !important;
    }

    .hero-domain-visual {
        height: 420px !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 600px) {
    .hero.hero-domain-slider {
        padding-bottom: 20px !important;
    }

    .hero-domain-tabs {
        margin-bottom: 18px !important;
    }

    .hero-domain-visual {
        height: 360px !important;
    }

    .hero-actions {
        margin-top: 24px !important;
    }
}
</style>

{{-- ========================================================
01 — HERO / OPERATING DOMAIN AUTOROTATION
======================================================== --}}
<section
    class="
        hero
        section-pad
        hero-domain-slider
        reveal-section
        reveal-bottom
    "
>

    <div class="hero-video-intro" aria-label="Aerospace and Defence Consulting for India&#39;s Growth">
        <video autoplay muted loop playsinline preload="metadata">
            <source src="{{ asset('assets/Defence - website.mp4') }}" type="video/mp4">
        </video>
        <div class="hero-video-copy">
            <h1>Aerospace and Defence Consulting for India's Growth</h1>
        </div>
    </div>

    <div class="hero-domain-tabs">

        <span class="hero-domain-label">
            OPERATING DOMAINS
        </span>

        <button class="hero-domain-tab active" data-domain-index="0">
            LAND
        </button>

        <button class="hero-domain-tab" data-domain-index="1">
            AIR
        </button>

        <button class="hero-domain-tab" data-domain-index="2">
            SEA
        </button>

        <button class="hero-domain-tab" data-domain-index="3">
            SPACE
        </button>

        <button class="hero-domain-tab" data-domain-index="4">
            CYBER
        </button>

    </div>



    <div class="hero-grid hero-domain-grid">

        {{-- LEFT CONTENT --}}
        <div class="hero-domain-content">

            <div
                class="section-head hero-domain-slide active"
                data-domain-slide="0"
            >

                <h2>
                    Industrial market access and defence manufacturing execution across <em>Land</em> defence systems
                </h2>

                <p class="lead">
                    We support manufacturers, OEMs and technology companies across land systems,
                    defence electronics, unmanned platforms, and precision engineering with
                    hands-on execution for localisation and industrial partnerships in India.
                </p>

            </div>


            <div
                class="section-head hero-domain-slide"
                data-domain-slide="1"
            >

                <h2>
                   Aerospace defence market access, technology transfer and <em>Air</em> industrialisation
                </h2>

                <p class="lead">
                   We connect global capability with Indian aerospace demand spanning aviation systems, autonomous platforms, advanced materials and MRO bridging aerospace defence and defence aerospace ecosystems through structured technology transfer and production partnerships.
                </p>

            </div>


            <div
                class="section-head hero-domain-slide"
                data-domain-slide="2"
            >

                <h2>
                   Naval partnerships and industrial execution across the <em>Sea</em> domain
                </h2>

                <p class="lead">
                    We support naval technology companies, shipbuilding ecosystems and marine
                    systems providers with market access, localisation and industrial partnerships
                    across India's maritime surveillance and shipbuilding base.
                </p>

            </div>


            <div
                class="section-head hero-domain-slide"
                data-domain-slide="3"
            >

                <h2>
                    Global partnerships for
                    defence and commercial
                    <em>Space</em> technologies
                </h2>

                <p class="lead">
                    We connect satellite, communications, observation and ground-segment technology
                    companies with Indian industrial partners building market opportunities and
                    expansion programmes across the space value chain.
                </p>

            </div>


            <div
                class="section-head hero-domain-slide"
                data-domain-slide="4"
            >

                <h2>
                    Secure market entry for
                    defence, infrastructure and
                    <em>Cyber</em> technologies
                </h2>

                <p class="lead">
                    We support secure communications, critical infrastructure and AI-enabled
                    defence technology providers with market intelligence, partnerships and
                    commercial execution in India.
                </p>

            </div>


            <div class="hero-actions">

                <a
                    class="btn btn-orange"
                    href="#process"
                >
                    Enter India
                </a>

                <a
                    class="text-link"
                    href="#corridor"
                >
                    Reach global markets →
                </a>

            </div>

        </div>


        {{-- RIGHT VISUAL --}}
        <div class="hero-domain-visual">

            <div
                class="hero-domain-image active"
                data-domain-image="0"
                style="
                    background-image:
                    url('{{ asset('assets/img/01Land.jpg') }}');
                "
            ></div>


            <div
                class="hero-domain-image"
                data-domain-image="1"
                style="
                    background-image:
                    url('{{ asset('assets/img/01Air.jpg') }}');
                "
            ></div>


            <div
                class="hero-domain-image"
                data-domain-image="2"
                style="
                    background-image:
                    url('{{ asset('assets/img/sea (1).jpg') }}');
                "
            ></div>


            <div
                class="hero-domain-image"
                data-domain-image="3"
                style="
                    background-image:
                    url('{{ asset('assets/img/space (1).jpg') }}');
                "
            ></div>


            <div
                class="hero-domain-image"
                data-domain-image="4"
                style="
                    background-image:
                    url('{{ asset('assets/img/01cyber.jpg') }}');
                "
            ></div>


            <div class="hero-domain-overlay"></div>


            <div class="hero-domain-visual-top">

                <span id="heroDomainVisualName">
                    LAND
                </span>

                <span>
                    / AIR / SEA / SPACE / CYBER
                </span>

            </div>


            <div class="hero-domain-number">

                <span id="heroDomainNumber">
                    01
                </span>

                <small>
                    OPERATING DOMAIN
                </small>

            </div>


            <div class="hero-domain-progress">

                <span
                    class="hero-domain-progress-fill"
                    id="heroDomainProgress"
                ></span>

            </div>

        </div>

    </div>


    {{-- METRICS --}}
    <!--<div class="hero-metrics">-->

    <!--    <div class="metric-box">-->

    <!--        <div class="metric-icon">-->
    <!--            <i class="fa-solid fa-building"></i>-->
    <!--        </div>-->

    <!--        <h2>4</h2>-->

    <!--        <p>Offices</p>-->

    <!--    </div>-->


    <!--    <div class="metric-box">-->

    <!--        <div class="metric-icon">-->
    <!--            <i class="fa-solid fa-earth-asia"></i>-->
    <!--        </div>-->

    <!--        <h2>60+</h2>-->

    <!--        <p>Countries</p>-->

    <!--    </div>-->


    <!--    <div class="metric-box">-->

    <!--        <div class="metric-icon">-->
    <!--            <i class="fa-solid fa-shield-halved"></i>-->
    <!--        </div>-->

    <!--        <h2>16</h2>-->

    <!--        <p>Sectors</p>-->

    <!--    </div>-->


    <!--    <div class="metric-box">-->

    <!--        <div class="metric-icon">-->
    <!--            <i class="fa-solid fa-people-group"></i>-->
    <!--        </div>-->

    <!--        <h2>1</h2>-->

    <!--        <p>One Team</p>-->

    <!--    </div>-->

    <!--</div>-->

</section>


{{-- ========================================================
02 — THE CORRIDOR
======================================================== --}}

<section
    id="corridor"
    class="
        corridor
        section-pad
        alt
        reveal-section
        reveal-left
    "
>

    <div class="section-head">


        <h2>

            Two Directions,

            <em>
               One Accountable Team
            </em>

        </h2>
   
    </div>


     <p>

       Most organisations in this market operate in one direction only. Crescendo works both ways and stays involved beyond the introduction into the industrial work that follos.
    </p>
    


    <div class="direction-grid reveal-stagger">


        <article>

            <div class="num">
                01
            </div>

            <h3>
                India → Global Markets
            </h3>

            <p>

               Market identification, representation, buyer access, tenders, offsets and delivery coordination for Indian manufacturers and innovators. 

            </p>

            <ol>

                <li>Capability</li>

                <li>Market</li>

                <li>Buyer</li>

                <li>Tender / Bid</li>

                <li>Delivery</li>

            </ol>

        </article>



        <article>

            <div class="num">
                02
            </div>

            <h3>
                Global → India
            </h3>

            <p>

               Representation and demand development for foreign OEMs, followed by partner structure, localisation, plant setup, and production. 

            </p>

            <ol>

                <li>Market Entry</li>

                <li>Demand</li>

                <li>Partner / Structure</li>

                <li>Localization</li>

                <li>Manufacturing</li>

            </ol>

        </article>

    </div>


    <p>

       One accountable team across both directions advisory, government engagement, industrial collaboration and project management, built to support aerospace and defence companies in India at every stage of growth.

    </p>

</section>

{{-- ========================================================
03 — FOCUS SECTORS / VIDEO GRID
======================================================== --}}

<section
    id="sectors"
    class="
        focus-sector-video-section
        reveal-section
        reveal-right
    "
>

    <div class="sector-heading-wrap section-pad">


        <div class="focus-sector-title">

            <h2>
                Sixteen Sectors, Grouped by Where the
                <span>
                    Work Actually Sits.
                </span>
            </h2>

        </div>

    </div>


    <div class=" sector-video-grid">


        {{-- 01 --}}
        <a href="#"
           class="sector-video-card"
           data-sector="Platforms & Systems">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/defence.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Defence.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    PLATFORMS & SYSTEMS
                </small>

                <h3>
                    Defence
                </h3>

            </div>

        </a>


        {{-- 02 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/aerospace.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Aerospace & Aviation.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    PLATFORMS & SYSTEMS
                </small>

                <h3>
                    Aerospace & Aviation
                </h3>

            </div>

        </a>


        {{-- 03 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/naval.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Naval & Marine.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    PLATFORMS & SYSTEMS
                </small>

                <h3>
                    Naval & Marine
                </h3>

            </div>

        </a>


        {{-- 04 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/space.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Space Technologies.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    PLATFORMS & SYSTEMS
                </small>

                <h3>
                    Space Technologies
                </h3>

            </div>

        </a>


        {{-- 05 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/robotics.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Robotics & Unmanned Systems.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    PLATFORMS & SYSTEMS
                </small>

                <h3>
                    Robotics & Unmanned Systems
                </h3>

            </div>

        </a>


        {{-- 06 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/homeland.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Homeland Security.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    PLATFORMS & SYSTEMS
                </small>

                <h3>
                    Homeland Security
                </h3>

            </div>

        </a>


        {{-- 07 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/border-security.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Critical Infrastructure & Border Security.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    PLATFORMS & SYSTEMS
                </small>

                <h3>
                    Critical Infrastructure & Border Security
                </h3>

            </div>

        </a>


        {{-- 08 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/electronics.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Defence Electronics.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    ELECTRONICS, AUTONOMY & CYBER
                </small>

                <h3>
                    Defence Electronics
                </h3>

            </div>

        </a>


        {{-- 09 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/ai.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/AI & Autonomous Systems.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    ELECTRONICS, AUTONOMY & CYBER
                </small>

                <h3>
                    AI & Autonomous Systems
                </h3>

            </div>

        </a>


        {{-- 10 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/cybersecurity.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Cybersecurity.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    ELECTRONICS, AUTONOMY & CYBER
                </small>

                <h3>
                    Cybersecurity
                </h3>

            </div>

        </a>


        {{-- 11 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/isr.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Communication & ISR Systems.mov.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    ELECTRONICS, AUTONOMY & CYBER
                </small>

                <h3>
                    Communication & ISR Systems
                </h3>

            </div>

        </a>


        {{-- 12 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/manufacturing.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Advanced Manufacturin.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    INDUSTRIAL & MATERIALS
                </small>

                <h3>
                    Advanced Manufacturing
                </h3>

            </div>

        </a>


        {{-- 13 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/precision.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Precision Engineering.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    INDUSTRIAL & MATERIALS
                </small>

                <h3>
                    Precision Engineering
                </h3>

            </div>

        </a>


        {{-- 14 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/materials.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/Advanced Materials & Composites.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    INDUSTRIAL & MATERIALS
                </small>

                <h3>
                    Advanced Materials & Composites
                </h3>

            </div>

        </a>


        {{-- 15 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/mro.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/MRO & Lifecycle Support.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    INDUSTRIAL & MATERIALS
                </small>

                <h3>
                    MRO & Lifecycle Support
                </h3>

            </div>

        </a>


        {{-- 16 --}}
        <a href="#"
           class="sector-video-card">

            <video
                muted
                loop
                playsinline
                preload="metadata"
                poster="{{ asset('assets/sector-video/energy.jpg') }}"
            >
                <source
                    src="{{ asset('assets/sector-video/green-energy.mp4') }}"
                    type="video/mp4"
                >
            </video>

            <div class="sector-video-overlay"></div>

            <div class="sector-video-copy">

                <small>
                    INDUSTRIAL & MATERIALS
                </small>

                <h3>
                    Green Energy
                </h3>

            </div>

        </a>

    </div>

</section>

{{-- ========================================================
04 — WHAT WE DO
======================================================== --}}

<section
    id="services"
    class="
        section-pad
        alt
        reveal-section
        reveal-bottom
    "
>
    <div class="section-head">


        <h2>

            Strategic Advisory & 

            <em>
               Defence Consulting
            </em>

        </h2>

    </div>
    
      <p>

      As a dedicated aerospace and defence consulting practice, we provide defence market intelligence, country strategy reports, procurement mapping, defence industrial strategy, go-to-market planning, defence ecosystem mapping, offset strategy, localisation strategy, partner search and defence diplomacy facilitation.

    </p>



   <div class="services-grid reveal-stagger">

        <article>

            <span>
                01
            </span>

            <h3><a style="color:inherit;text-decoration:none" href="{{ route('services.defence-export-facilitation') }}">
                Defence Export Facilitation
            </a></h3>

            <p>
               Market identification, buyer introductions, tender identification, offset support, bid support, representation, export documentation guidance, certification support, and execution coordination.
            </p>

        </article>



        <article>

            <span>
                02
            </span>

            <h3><a style="color:inherit;text-decoration:none" href="{{ route('services.technology-transfer-localisation') }}">
                Technology Transfer & Localization
            </a></h3>

            <p>

               Identification of foreign technologies and manufacturing partners, joint venture structuring, licensing support, localization planning, vendor ecosystem development, plant setup consulting, government approvals coordination and strategic partner matchmaking.

            </p>

        </article>



        <article>

            <span>
                03
            </span>

            <h3><a style="color:inherit;text-decoration:none" href="{{ route('services.government-psu-coordination') }}">
                Government & PSU Coordination
            </a></h3>

            <p>

               PSU partnership facilitation, strategic MoUs, testing and trial coordination, defence corridor support, policy guidance, incentive facilitation, government delegations, and organisation of trade fairs & conferences.

            </p>

        </article>



        <article>

            <span>
                04
            </span>

            <h3><a style="color:inherit;text-decoration:none" href="{{ route('services.strategic-advisory-defence-consulting') }}">
                Strategic Advisory &
                Defence Consulting
            </a></h3>

            <p>

              Defence market intelligence, country strategy reports, procurement mapping, defence industrial strategy, go-to-market planning, defence ecosystem mapping, offset strategy, localisation strategy, partner search and defence diplomacy facilitation.

            </p>

        </article>

    </div>

</section>



{{-- ========================================================
05 — INDIA ENTRY & INDUSTRIALISATION
NETWORK STYLE PROCESS
======================================================== --}}

<section
    id="process"
    class="
        section-pad
        process-network-section
        reveal-section
        reveal-left
    "
>

    <div class="process-section-top">



        <span>

            EXECUTION NETWORK →

        </span>

    </div>



    <div class="process-network-heading">

        <h2>

            From Feasibility Study to

            <span>
                Commercial Production.
            </span>

        </h2>

    </div>
    
     <p>

            One connected execution route
            from market assessment through
            partner identification,
            localisation, manufacturing,
            qualification and export
            development.

        </p>



    @php

        $processSteps = [

            [
                'Strategy & Feasibility',
                'Establish whether an India operation is viable and on what terms.'
            ],

            [
                'Market Intelligence',
                'Size demand, map customers and understand buying routes.'
            ],

            [
                'Entity & Operating Strategy',
                'Define legal and operating structure.'
            ],

            [
                'Partner & JV Identification',
                'Find and assess the right Indian counterpart.'
            ],

            [
                'Site Selection & Incentives',
                'Compare locations, corridors, skills, logistics and incentives.'
            ],

            [
                'Land & Facility Strategy',
                'Secure land and define the facility requirement.'
            ],

            [
                'Government Coordination',
                'Move approvals, clearances and institutional relationships.'
            ],

            [
                'Supply Chain Build',
                'Develop the local vendor base.'
            ],

            [
                'Defense Tenders',
                'Assemble leadership, engineering and production teams.'
            ],

            [
                'Certification & Qualification',
                'Secure customer and industry qualifications.'
            ],

            [
                'Commercial Production',
                'Move from qualified capability to serial output.'
            ],

            [
                'Scale-Up & Export Development',
                'Use India as a regional production and export base.'
            ]

        ];

    @endphp



    <div
        class="process-network-area"
        id="processNetworkArea"
    >


        {{-- NETWORK CONNECTIONS --}}

        <svg
            class="process-network-svg"
            viewBox="0 0 1200 650"
            preserveAspectRatio="none"
        >
        
            {{-- MAIN ROUTE CONNECTIONS --}}
            <line x1="78"  y1="150" x2="270" y2="104" />
            <line x1="270" y1="104" x2="462" y2="182" />
            <line x1="462" y1="182" x2="654" y2="98" />
            <line x1="654" y1="98"  x2="840" y2="170" />
            <line x1="840" y1="170" x2="1080" y2="110" />
            <line x1="1080" y1="110" x2="1020" y2="364" />
            <line x1="1020" y1="364" x2="824" y2="430" />
            <line x1="824" y1="430" x2="630" y2="352" />
            <line x1="630" y1="352" x2="444" y2="442" />
            <line x1="444" y1="442" x2="260" y2="364" />
            <line x1="260" y1="364" x2="78" y2="455" />
        
        
            {{-- CROSS NETWORK CONNECTIONS --}}
            <line x1="78" y1="150" x2="462" y2="182" />
            <line x1="78" y1="150" x2="260" y2="364" />
        
            <line x1="270" y1="104" x2="654" y2="98" />
            <line x1="270" y1="104" x2="444" y2="442" />
        
            <line x1="462" y1="182" x2="840" y2="170" />
            <line x1="462" y1="182" x2="630" y2="352" />
        
            <line x1="654" y1="98" x2="1020" y2="364" />
            <line x1="654" y1="98" x2="824" y2="430" />
        
            <line x1="840" y1="170" x2="630" y2="352" />
            <line x1="840" y1="170" x2="1020" y2="364" />
        
            <line x1="1080" y1="110" x2="824" y2="430" />
            <line x1="1080" y1="110" x2="630" y2="352" />
        
            <line x1="1020" y1="364" x2="630" y2="352" />
            <line x1="1020" y1="364" x2="444" y2="442" />
        
            <line x1="824" y1="430" x2="444" y2="442" />
            <line x1="824" y1="430" x2="260" y2="364" />
        
            <line x1="630" y1="352" x2="260" y2="364" />
            <line x1="630" y1="352" x2="78" y2="455" />
        
            <line x1="444" y1="442" x2="78" y2="455" />
        
        
            {{-- TOP TO BOTTOM NETWORK CONNECTIONS --}}
            <line x1="270" y1="104" x2="260" y2="364" />
            <line x1="462" y1="182" x2="444" y2="442" />
            <line x1="654" y1="98" x2="630" y2="352" />
            <line x1="840" y1="170" x2="824" y2="430" />
            <line x1="1080" y1="110" x2="1020" y2="364" />
        
        </svg>



        {{-- MOVING POINT --}}

        <div
            class="process-moving-dot"
            id="processMovingDot"
        ></div>



        {{-- PROCESS NODES --}}

        @foreach(
            $processSteps
            as $index => $step
        )

            <button

                class="
                    process-network-node
                    process-pos-{{ $index + 1 }}
                    {{ $index === 0 ? 'active' : '' }}
                "

                data-index="{{ $index }}"

                data-number="{{
                    str_pad(
                        $index + 1,
                        2,
                        '0',
                        STR_PAD_LEFT
                    )
                }}"

                data-title="{{ $step[0] }}"

                data-description="{{ $step[1] }}"
            >

                <span
                    class="process-network-circle"
                ></span>


                <small>

                    {{
                        str_pad(
                            $index + 1,
                            2,
                            '0',
                            STR_PAD_LEFT
                        )
                    }}

                </small>


                <strong>

                    {{ $step[0] }}

                </strong>

            </button>

        @endforeach



        {{-- ACTIVE PROCESS DESCRIPTION --}}

        <div
            class="active-process-card"
        >

            <small
                id="activeProcessNumber"
            >
                PROCESS 01
            </small>


            <h3
                id="activeProcessTitle"
            >
                Strategy & Feasibility
            </h3>


            <p
                id="activeProcessDescription"
            >

                Establish whether an India
                operation is viable and
                on what terms.

            </p>

        </div>

    </div>

</section>



{{-- ========================================================
06 — SELECTED ENGAGEMENTS
======================================================== --}}

<section
    class="
        section-pad
        engagements
        reveal-section
        reveal-right
    "
>

    <div class="section-head">


        <h2>
           Strategic Engagements, from Market Development to 
            <em>Defence Manufacturing</em>
        </h2>

    </div>
   <p>

     From advanced materials to precision manufacturing, our engagements show how global OEMs scale defence manufacturing in India from feasibility through commercial production.

    </p>


    <div class="engagement-grid reveal-stagger">


        {{-- =====================================================
        ARCONIC EXTRUSIONS
        ===================================================== --}}

        <article class="engagement-card engagement-card-featured">

            <div class="engagement-card-top">

                <span class="engagement-sector">
                    ADVANCED MATERIALS & AEROSPACE
                </span>

                <span class="engagement-number">
                    01
                </span>

            </div>


            <h3>
                Worlds Leading Aluminum Extrusion Producing Company
            </h3>


            <div class="engagement-phase">

                <div class="phase-number">
                    01
                </div>

                <div class="phase-content">

                    <small>
                        PHASE 1
                    </small>

                    <h4>
                        India Market Development
                    </h4>

                    <p>
                        Exclusive representation of Arconic in India
                        to build market presence, create customer
                        awareness, identify business opportunities,
                        engage with aerospace and defence OEMs,
                        and generate RFQs and orders.
                    </p>

                </div>

            </div>


            <!--<div class="engagement-phase">-->

            <!--    <div class="phase-number">-->
            <!--        02-->
            <!--    </div>-->

            <!--    <div class="phase-content">-->

            <!--        <small>-->
            <!--            PHASE 2-->
            <!--        </small>-->

            <!--        <h4>-->
            <!--            India Manufacturing-->
            <!--        </h4>-->

            <!--        <p>-->
            <!--            Support Arconic in establishing manufacturing-->
            <!--            operations in India once targeted sales volumes-->
            <!--            are achieved, positioning India as a regional-->
            <!--            production and supply hub for the-->
            <!--            South-East Asian market.-->
            <!--        </p>-->

            <!--    </div>-->

            <!--</div>-->


            <div class="engagement-status">

                <span class="status-dot"></span>

                <span>
                    Market development → Manufacturing
                </span>

            </div>

        </article>



        {{-- =====================================================
        HEXCEL CORPORATION
        ===================================================== --}}

        <article class="engagement-card">

            <div class="engagement-card-top">

                <span class="engagement-sector">
                    ADVANCED COMPOSITES & MANUFACTURING
                </span>

                <span class="engagement-number">
                    02
                </span>

            </div>


            <h3>
                Worlds Leading Carbon Fiber Composite Company
            </h3>


            <div class="engagement-role">

                <small>
                    CRESCENDO ROLE
                </small>

                <h4>
                    India Project Management Office
                    <span>(PMO)</span>
                </h4>

            </div>


            <p class="engagement-main-copy">
                Acting as Hexcel’s India Project Management Office
                (PMO), supporting the establishment of a new
                manufacturing facility in India.
            </p>


            <div class="engagement-scope">

                <small>
                    ENGAGEMENT SCOPE
                </small>

                <div class="scope-grid">

                    <span>
                        India Feasibility Study
                    </span>

                    <span>
                        Business Plan Development
                    </span>

                    <span>
                        Manufacturing Strategy
                    </span>

                    <span>
                        Site Selection
                    </span>

                    <span>
                        Supply Chain Development
                    </span>

                    <span>
                        Government Incentives
                    </span>

                    <span>
                        Implementation Roadmap
                    </span>

                    <span>
                        Phased Execution
                    </span>

                </div>

            </div>


            <p class="engagement-main-copy engagement-bottom-copy">
                The programme is structured to establish
                Hexcel’s long-term manufacturing presence
                in India through phased execution.
            </p>


            <div class="engagement-status">

                <span class="status-dot"></span>

                <span>
                    Feasibility → Planning → Execution
                </span>

            </div>

        </article>

    </div>

</section>


{{-- ========================================================
08 — LEADERSHIP & ADVISORY
======================================================== --}}

<section
    id="leadership"
    class="
        section-pad
        leadership
        reveal-section
        reveal-bottom
    "
>

    <div class="section-head">


        <h2>
           Leadership Built for Global Defence Growth, 
            <em>Trusted by Aerospace and Defence Companies in India</em>
        </h2>

    </div>


    {{-- =====================================================
    LEADERSHIP
    ===================================================== --}}

   <div class="leadership-circle-grid">

    {{-- VISHAL JADHAV --}}
    <article class="leadership-circle-card">

        <div class="leadership-circle-top">

            <div class="leadership-circle-photo">
                <img
                    src="{{ asset('assets/img/team/vishal-jadhav.jpg') }}"
                    alt="Vishal Jadhav"
                >
            </div>

            <div class="leadership-circle-info">
                <h3>Vishal Jadhav</h3>

                <p>
                    Managing Director – Defence & Aerospace
                </p>
            </div>

        </div>

        <div class="leadership-description">
            Visionary entrepreneur dedicated to positioning India
            as a global hub for defence, aerospace and advanced
            manufacturing. Has built an international network spanning
            governments, investment agencies, industry associations and
            global OEMs, enabling strategic partnerships, technology
            collaborations and cross-border industrial growth.
        </div>

    </article>


    {{-- PARAG SAXENA --}}
    <article class="leadership-circle-card">

        <div class="leadership-circle-top">

            <div class="leadership-circle-photo">
                <img
                    src="{{ asset('assets/img/team/Parag-saxena.jpg') }}"
                    alt="Parag Saxena"
                >
            </div>

            <div class="leadership-circle-info">
                <h3>Parag Saxena</h3>

                <p>
                    Strategic Advisor – Defence & Industrial Partnerships
                </p>
            </div>

        </div>

        <div class="leadership-description">
            Senior business leader with over 30 years of experience
            in the defence, engineering and industrial sectors.
            Brings extensive expertise in business strategy,
            industrial partnerships, manufacturing ecosystems and
            strategic growth. Passionate about strengthening India’s
            defence manufacturing capabilities through industry
            collaboration and global partnerships.
        </div>

    </article>


    {{-- SAKET PUJARI --}}
    <article class="leadership-circle-card">

        <div class="leadership-circle-top">

            <div class="leadership-circle-photo">
                <img
                    src="{{ asset('assets/img/team/Saket-pujari.jpg') }}"
                    alt="Saket Pujari"
                >
            </div>

            <div class="leadership-circle-info">
                <h3>Saket Pujari</h3>

                <p>
                    Director – Defence & Aerospace
                </p>
            </div>

        </div>

        <div class="leadership-description">
            Leads international engagement initiatives focused on
            defence, aerospace and advanced manufacturing.
            Experienced in developing strategic partnerships,
            organising global business delegations, facilitating
            investment opportunities, and connecting Indian
            enterprises with international OEMs, governments and
            strategic ecosystems.
        </div>

    </article>

</div>


</section>


<script>
document.addEventListener(
    'DOMContentLoaded',
    function () {


/* ==========================================================
   PRODUCT FILTER
========================================================== */

const filters =
    document.querySelectorAll('.filter');

const productCards =
    document.querySelectorAll(
        '.product-card'
    );


filters.forEach(function(button) {

    button.addEventListener(
        'click',
        function() {

            const filter =
                this.dataset.filter;


            filters.forEach(
                function(item) {

                    item.classList.remove(
                        'active'
                    );

                }
            );


            this.classList.add(
                'active'
            );


            productCards.forEach(
                function(card) {

                    const domain =
                        card.dataset.domain;


                    if (
                        filter === 'all' ||
                        domain === filter
                    ) {

                        card.style.display = '';

                    }
                    else {

                        card.style.display =
                            'none';

                    }

                }
            );

        }
    );

});



/* ==========================================================
   PROCESS NETWORK ANIMATION
========================================================== */

const processNetwork =
    document.getElementById(
        'processNetworkArea'
    );

const processNodes =
    Array.from(
        document.querySelectorAll(
            '.process-network-node'
        )
    );

const movingDot =
    document.getElementById(
        'processMovingDot'
    );

const processNumber =
    document.getElementById(
        'activeProcessNumber'
    );

const processTitle =
    document.getElementById(
        'activeProcessTitle'
    );

const processDescription =
    document.getElementById(
        'activeProcessDescription'
    );

const processLines =
    Array.from(
        document.querySelectorAll(
            '.process-network-svg line'
        )
    );


let currentProcess =
    0;

let processTimer =
    null;



function activateProcess(index) {

    if (
        !processNetwork ||
        !processNodes.length
    ) {
        return;
    }


    const node =
        processNodes[index];


    processNodes.forEach(
        function(item) {

            item.classList.remove(
                'active'
            );

        }
    );


    node.classList.add(
        'active'
    );


    if (
        window.innerWidth > 768 &&
        movingDot
    ) {

        const networkRect =
            processNetwork
            .getBoundingClientRect();


        const circle =
            node.querySelector(
                '.process-network-circle'
            );


        const circleRect =
            circle.getBoundingClientRect();


        const x =
            circleRect.left -
            networkRect.left +
            (
                circleRect.width / 2
            );


        const y =
            circleRect.top -
            networkRect.top +
            (
                circleRect.height / 2
            );


        movingDot.style.left =
            x + 'px';


        movingDot.style.top =
            y + 'px';

    }



    if (processNumber) {

        processNumber.textContent =
            'PROCESS ' +
            node.dataset.number;

    }



    if (processTitle) {

        processTitle.textContent =
            node.dataset.title;

    }



    if (processDescription) {

        processDescription.textContent =
            node.dataset.description;

    }


    currentProcess =
        index;

}



function startProcessAnimation() {

    clearInterval(
        processTimer
    );


    processTimer =
        setInterval(
            function() {

                currentProcess++;


                if (
                    currentProcess >=
                    processNodes.length
                ) {

                    currentProcess = 0;

                }


                activateProcess(
                    currentProcess
                );

            },

            2800
        );

}



processNodes.forEach(
    function(node, index) {


        node.addEventListener(
            'mouseenter',
            function() {

                clearInterval(
                    processTimer
                );

                activateProcess(
                    index
                );

            }
        );


        node.addEventListener(
            'mouseleave',
            function() {

                startProcessAnimation();

            }
        );


        node.addEventListener(
            'click',
            function() {

                clearInterval(
                    processTimer
                );


                activateProcess(
                    index
                );


                setTimeout(
                    function() {

                        startProcessAnimation();

                    },
                    2200
                );

            }
        );

    }
);



if (processNodes.length) {

    setTimeout(
        function() {

            activateProcess(0);

            startProcessAnimation();

        },
        300
    );

}



/* ==========================================================
   RESIZE FIX
========================================================== */

let resizeTimer;


window.addEventListener(
    'resize',
    function() {

        clearTimeout(
            resizeTimer
        );


        resizeTimer =
            setTimeout(
                function() {

                    activateProcess(
                        currentProcess
                    );

                },
                200
            );

    }
);


});
</script>

@endsection