@extends('layouts.site')

@section('titre', "Courtier d'assurance : convoyeurs, transport, VTC, start-up")
@section('description', "AGC Assistance, courtier d'assurance spécialisé dans les start-up, la nouvelle économie, les convoyeurs et le transport. Souscription en ligne Multirisques convoyeurs, Assistance convoyage et Mobitruck.")

@push('head')
    @include('partials.donnees-structurees')
@endpush

@section('contenu')
    <section class="hero-section">
        <div class="hero-bg" style="background-image: url('{{ asset('img/site/equipe.jpg') }}');"></div>
        <div class="hero-overlay"></div>
        <div class="container">
            <div class="hero-content hero-enter">
                <div class="hero-label">
                    <span class="label-line"></span>
                    <span class="label-text">Assureur 2.0</span>
                </div>
                <h1 class="hero-title">
                    <span class="title-line">Des solutions d'assurance</span>
                    <span class="title-line title-line-accent">quelle que soit votre activité</span>
                </h1>
                <p class="hero-description">Le cabinet AGC vous apporte une solution sur-mesure pour vos salariés et vos clients. Bénéficiez de solutions compétitives pour faire la différence avec vos concurrents.</p>
                <div class="hero-buttons">
                    <a href="{{ route('souscription.formulaire', 'multirisques-convoyeurs') }}" class="btn-hero btn-primary" data-hover="Multirisques convoyeurs"><span>Multirisques convoyeurs</span></a>
                    <a href="#solutions" class="btn-hero btn-secondary">Nos solutions</a>
                </div>
                <div class="hero-stats">
                    <div class="stat-item"><span class="stat-number"><span class="counter-animate" data-target="30">0</span> ans</span><span class="stat-label">D'expérience dans l'assurance</span></div>
                    <div class="stat-divider"></div>
                    <div class="stat-item"><span class="stat-number">24/7</span><span class="stat-label">Plateforme d'assistance</span></div>
                    <div class="stat-divider"></div>
                    <div class="stat-item"><span class="stat-number">100%</span><span class="stat-label">Souscription en ligne</span></div>
                </div>
            </div>
        </div>
    </section>

    <section class="features-section">
        <div class="container">
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon"><i class="fa-solid fa-plug"></i></div>
                    <div class="feature-content">
                        <h2 class="feature-title">Intégration de solutions</h2>
                        <p class="feature-description">Intégrez à vos backoffice ou dans vos produits les solutions d'assurance nécessaires au développement de votre entreprise et à la satisfaction client.</p>
                    </div>
                    <div class="feature-number">01</div>
                </div>
                <div class="feature-card">
                    <div class="feature-icon"><i class="fa-solid fa-magnifying-glass-chart"></i></div>
                    <div class="feature-content">
                        <h2 class="feature-title">Audit d'assurance</h2>
                        <p class="feature-description">Mettez à plat les besoins de votre entreprise afin de mieux cerner les produits d'assurance dont votre société a besoin, éviter les doubles emplois et contrôler la conformité des contrats existants.</p>
                    </div>
                    <div class="feature-number">02</div>
                </div>
                <div class="feature-card">
                    <div class="feature-icon"><i class="fa-solid fa-ruler-combined"></i></div>
                    <div class="feature-content">
                        <h2 class="feature-title">Sur-mesure</h2>
                        <p class="feature-description">AGC vous propose le montage de produits d'assurance propres à votre entreprise et à votre modèle. Après un audit de vos besoins, nous établissons le cahier des charges et négocions sa mise en application.</p>
                    </div>
                    <div class="feature-number">03</div>
                </div>
            </div>
        </div>
    </section>

    <section class="services-section" id="solutions">
        <div class="container">
            <div class="section-header">
                <span class="section-label">Souscription en ligne</span>
                <h2 class="section-title">Nos solutions</h2>
                <p class="section-description">Effectuez gratuitement votre simulation, recevez votre projet, signez électroniquement et réglez votre cotisation en ligne.</p>
            </div>
            <div class="services-grid">
                @foreach ([
                    ['Multirisques convoyeurs', "Responsabilité civile et individuelle accident du convoyeur professionnel indépendant, en contrat groupe AREAS.", 'contrat.jpg', 'fa-car-side', route('souscription.formulaire', 'multirisques-convoyeurs'), 'Souscrire'],
                    ['Assistance convoyage', "« Assist'Mission Convoyage » : assistance 24/24 et 7/7, dépannage, remorquage, hébergement et retour lors de vos missions.", 'conseil.jpg', 'fa-route', route('souscription.formulaire', 'assistance-convoyage'), 'Souscrire'],
                    ['Mobitruck', "Dépannage, assistance et assistance financière pour réparations de vos poids lourds, partout en Europe.", 'signature.jpg', 'fa-truck', route('souscription.formulaire', 'mobitruck'), 'Souscrire'],
                    ['VTC Pro & Taxi', "Trois formules en assurance auto VTC Pro & Taxi et responsabilité civile professionnelle.", 'bureau.jpg', 'fa-taxi', route('questionnaire-vtc'), 'Demande de devis'],
                    ['Spécialités', "Transports et marchandises, camping-car, objets d'art, événementiel, assistances spécialisées et bien d'autres.", 'redecouvrir.jpg', 'fa-layer-group', route('nos-solutions'), 'Découvrir'],
                    ['Innovation', "Start-up, bureaux d'étude, dirigeants, repreneurs, construction, maritime : notre expertise au service de l'innovation.", 'innovation.jpg', 'fa-lightbulb', route('innovation'), 'Découvrir'],
                ] as [$titre, $texte, $image, $icone, $lien, $action])
                    <div class="service-card">
                        <div class="service-image">
                            <img src="{{ asset('img/site/'.$image) }}" alt="{{ $titre }}">
                            <div class="service-overlay"></div>
                            <div class="service-icon"><i class="fa-solid {{ $icone }}"></i></div>
                        </div>
                        <div class="service-content">
                            <h3 class="service-title">{{ $titre }}</h3>
                            <p class="service-description">{{ $texte }}</p>
                            <a href="{{ $lien }}" class="service-link"><span>{{ $action }}</span><i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <section class="why-choose-section">
        <div class="why-choose-bg" style="background-image: url('{{ asset('img/site/assureur.jpg') }}');"></div>
        <div class="why-choose-overlay"></div>
        <div class="container">
            <div class="why-choose-content">
                <span class="section-label no-line light">Besoin d'une solution ?</span>
                <h2 class="section-title light">Un nouveau concept d'assureur</h2>
                <p class="why-choose-desc">AGC Assistance est courtier d'assurance spécialisé dans les start-up et les sociétés de la nouvelle économie. Riche d'une expérience de plus de 30 ans dans l'assurance, AGC vous permet d'entrer en relation avec les services sur-mesure des principales compagnies d'assurance du marché.</p>
                <ul class="check-list light-text">
                    <li><i class="fa-solid fa-check"></i><span>Des conseils avisés d'un assureur spécialisé dans les modèles disruptifs</span></li>
                    <li><i class="fa-solid fa-check"></i><span>Des produits adaptés à votre concept, intégrables à votre appli ou votre site</span></li>
                    <li><i class="fa-solid fa-check"></i><span>Mutuelle santé et prévoyance adaptées à votre convention collective</span></li>
                    <li><i class="fa-solid fa-check"></i><span>Une équipe à votre écoute du lundi au vendredi</span></li>
                </ul>
                <a href="{{ route('qui-sommes-nous') }}" class="btn-hero btn-primary" data-hover="Qui sommes-nous ?"><span>Qui sommes-nous ?</span></a>
            </div>
        </div>
    </section>

    <section class="process-section">
        <div class="container">
            <div class="section-header">
                <span class="section-label">Comment ça marche</span>
                <h2 class="section-title">Votre souscription en 4 étapes</h2>
                <p class="section-description">Multirisques convoyeurs, Assistance convoyage et Mobitruck se souscrivent entièrement en ligne.</p>
            </div>
            <div class="process-grid">
                <div class="process-step"><div class="process-icon"><i class="fa-solid fa-calculator"></i><div class="process-number">1</div></div><h3 class="process-title">Simulation</h3><p class="process-desc">Choisissez votre date d'effet : votre cotisation est calculée immédiatement.</p></div>
                <div class="process-step"><div class="process-icon"><i class="fa-solid fa-file-lines"></i><div class="process-number">2</div></div><h3 class="process-title">Projet complet</h3><p class="process-desc">Vous recevez par email votre projet d'adhésion et les documents contractuels.</p></div>
                <div class="process-step"><div class="process-icon"><i class="fa-solid fa-signature"></i><div class="process-number">3</div></div><h3 class="process-title">Signature électronique</h3><p class="process-desc">Signez votre adhésion en ligne avec notre partenaire Yousign.</p></div>
                <div class="process-step"><div class="process-icon"><i class="fa-solid fa-credit-card"></i><div class="process-number">4</div></div><h3 class="process-title">Paiement sécurisé</h3><p class="process-desc">Réglez par carte bancaire sur la plateforme de la Société Générale.</p></div>
            </div>
        </div>
    </section>

    @include('partials.contact-cta')
@endsection