@extends('layouts.public')

@section('title', "China Business Trip - Pirras'Associe")
@section('meta_description', "Accelerez votre business en Chine avec un programme terrain: usines, rendez-vous, networking et accompagnement strategique.")

@php($activeNav = '')

@push('styles')
<style>
    section {
        padding: 84px 0;
        border-bottom: 1px solid var(--line);
    }

    .kicker {
        color: var(--orange);
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .title {
        font-size: clamp(26px, 3.4vw, 44px);
        margin-bottom: 12px;
    }

    .sub {
        color: var(--muted);
        max-width: 760px;
    }

    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        margin-top: 26px;
    }

    .card {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 22px;
        box-shadow: var(--shadow);
    }

    .card h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .card p {
        color: var(--muted);
    }

    .hero {
        color: #fff;
        padding: 96px 0 88px;
        background: linear-gradient(120deg, rgba(8, 14, 20, .82), rgba(8, 14, 20, .56)), url("https://images.unsplash.com/photo-1529078155058-5d716f45d604?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat;
    }

    .hero .kicker { color: #ffb088; }
    .hero .sub { color: #f3f4f6; }

    .exp-item {
        border: 1px solid rgba(240, 90, 26, .18);
        border-radius: 16px;
        padding: 22px;
        background: linear-gradient(165deg, rgba(240, 90, 26, .07) 0%, #fff 45%);
        box-shadow: var(--shadow);
    }

    .exp-item h3 {
        font-size: 26px;
        margin-bottom: 8px;
        color: #c7480b;
    }

    .exp-item p { color: var(--muted); }

    .cta { background: #0b0f14; color: #fff; text-align: center; }
    .cta .kicker { color: #ffb088; }
    .cta .sub { color: #e5e7eb; margin: 0 auto 22px; }

    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        padding: 13px 22px;
        font-family: "Syne", sans-serif;
        font-weight: 700;
        color: #fff;
        background: linear-gradient(135deg, var(--orange), var(--orange-2));
        box-shadow: 0 10px 22px rgba(240, 90, 26, .28);
    }

    @media (max-width:1024px) {
        .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width:768px) {
        .grid-3 { grid-template-columns: 1fr; }
    }
</style>
@endpush

@section('content')
<section class="hero">
        <div class="container">
            <div class="kicker">Page China Business Trip</div>
            <h1 class="title">Accélérez votre business en Chine</h1>
            {{-- <p class="sub">Un voyage d'affaires structuré pour rencontrer les bons partenaires, sécuriser vos décisions et ouvrir de nouvelles opportunités commerciales.</p>  --}}
        </div>
    </section>

    <section>
        <div class="container">
            <div class="kicker">Section 2 - A qui ça s'adresse</div>
            <h2 class="title">Pour les entrepreneurs et dirigeants qui veulent passer un cap en Chine</h2>
            <div class="grid-3">
                <article class="card">
                    <h3>Importateurs</h3>
                    <p>Vous voulez sécuriser vos achats et améliorer vos marges avec de meilleurs fournisseurs.</p>
                </article>
                <article class="card">
                    <h3>PME en croissance</h3>
                    <p>Vous cherchez des partenaires industriels fiables pour scaler votre activité.</p>
                </article>
                <article class="card">
                    <h3>Investisseurs</h3>
                    <p>Vous voulez valider un projet terrain avant de prendre des décisions stratégiques.</p>
                </article>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="kicker">Section 3 - Experience</div>
            <h2 class="title">Une immersion business complète</h2>
            <div class="grid-3">
                <article class="exp-item">
                    <h3>Usines</h3>
                    <p>Visites ciblées pour évaluer capacité, process de production et standards qualité.</p>
                </article>
                <article class="exp-item">
                    <h3>RDV</h3>
                    <p>Rendez-vous B2B avec des fournisseurs et partenaires présélectionnés selon vos objectifs.</p>
                </article>
                <article class="exp-item">
                    <h3>Networking</h3>
                    <p>Rencontres utiles avec l'écosystème local pour créer des connexions durables.</p>
                </article>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="kicker">Section 4 - Resultat</div>
            {{-- <h2 class="title">Ce que vous obtenez concrètement</h2>
            <div class="result-box">
                <p>Un portefeuille de contacts qualifiés, des fournisseurs validés sur le terrain, une vision claire des opportunités et un plan d'action prêt à exécuter dès votre retour.</p>
            </div>  --}}
        </div>
    </section>

    <section>
        <div class="container">
            <div class="kicker">Section 5 - Programme</div>
            {{-- <h2 class="title">Un parcours structuré jour par jour</h2>
            <div class="program-list">
                <div class="program-row"><span class="num">1</span><p>Brief stratégique et cadrage des objectifs business.</p></div>
                <div class="program-row"><span class="num">2</span><p>Visites d'usines et analyse des capacités de production.</p></div>
                <div class="program-row"><span class="num">3</span><p>Rendez-vous B2B avec partenaires sélectionnés.</p></div>
                <div class="program-row"><span class="num">4</span><p>Session networking et consolidation des contacts clés.</p></div>
                <div class="program-row"><span class="num">5</span><p>Debrief final et feuille de route post-trip.</p></div>
            </div>  --}}
        </div>
    </section>

    <section>
        <div class="container">
            <div class="kicker">Section 6 - Dates & inscription</div>
            {{-- <h2 class="title">Choisissez votre prochaine session</h2>
            <div class="dates-grid">
                <article class="date-card">
                    <h3>Session Juin 2026</h3>
                    <p>Places limitées - format groupe restreint pour un accompagnement personnalisé.</p>
                </article>
                <article class="date-card">
                    <h3>Session Septembre 2026</h3>
                    <p>Pré-inscription ouverte. Priorité donnée aux dossiers validés en amont.</p>
                </article>
            </div>  --}}
        </div>
    </section>

<section class="cta">
        <div class="container">
            <div class="kicker">Section 7 - CTA</div>
            <h2 class="title">Réserver ma place</h2>
            <p class="sub">Parlez avec notre équipe pour valider votre profil et intégrer la prochaine cohorte.</p>
            <a href="/contact" class="btn">Réserver ma place</a>
        </div>
</section>
@endsection