@extends('layouts.app')

@section('title', 'Accueil - EquitAssistance')
@section('meta_description', 'Découvrez Equitassistance, la solution d\'assistance pour vos chevaux, quel que soit le mode de transport que vous utilisez. Une solution simple et rapide pour être accompagné par un réseau de partenaire France entière.')
@section('robots', 'index follow')

@push('schemaOrg')
    <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "name": "Equitassistance",
          "alternateName": "AGC ASSISTANCE",
          "url": "https://www.equitassistance.com/",
          "logo": "https://www.equitassistance.com/assets/images/logo-equitassistance.webp",
          "description": "Equitassistance accompagne vos chevaux partout en France, quel que soit leur mode de transport. Une solution simple, rapide et fiable, grâce à un réseau national de partenaires.",
          "address": {
            "@type": "PostalAddress",
            "streetAddress": "4 Rue Pelletier",
            "addressLocality": "Tarare",
            "postalCode": "69170",
            "addressCountry": "FR"
          },
          "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+33 9 74 19 01 90",
            "contactType": "customer support",
            "availableLanguage": ["French"],
            "email": "contact@equitassistance.com",
            "hoursAvailable": {
              "@type": "OpeningHoursSpecification",
              "dayOfWeek": [
                "Monday",
                "Tuesday",
                "Wednesday",
                "Thursday",
                "Friday"
              ],
              "opens": "09:30",
              "closes": "12:30"
            }
          },
          "openingHoursSpecification": [
            {
              "@type": "OpeningHoursSpecification",
              "dayOfWeek": [
                "Monday",
                "Tuesday",
                "Wednesday",
                "Thursday",
                "Friday"
              ],
              "opens": "09:30",
              "closes": "12:30"
            },
            {
              "@type": "OpeningHoursSpecification",
              "dayOfWeek": [
                "Monday",
                "Tuesday",
                "Wednesday",
                "Thursday",
                "Friday"
              ],
              "opens": "14:00",
              "closes": "18:00"
            }
          ]
        }
    </script>
@endpush

@section('content')
    <div class="hero parallaxie">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="hero-content">
                        <div class="section-title">
                            <p class="wow fadeInUp">EquitAssitance votre partenaire</p>
                            <h1 class="">1er Réseau Assistance Équestre</h1>
                        </div>

                        <div class="hero-content-body wow fadeInUp" data-wow-delay="0.24s">
                            <a href="{{ route('devis') }}" class="btn-default">Obtenir mon devis</a>
                            <a href="{{ route('garanties.prestations') }}" class="btn-default btn-border">Prestations et garanties</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="our-client">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-4 col-12 text-center">
                        <img src="{{ asset('assets/images/logo-equitassistance.webp') }}" alt="Logo EquitAssistance">
                    </div>

                    <div class="col-lg-4 col-md-3 col-12">
                        <div class="our-client-counter text-center mt-sm-0 mt-2">
                            <p>1er</p>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-5 col-12">
                        <div class="wow fadeInUp fw-bold text-center text-sm-start mt-sm-0 mt-2">
                            <p class="mb-0">RESEAU ASSISTANCE ÉQUESTRE</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="about-us">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-8">
                    <div class="section-title">
                        <p class="wow fadeInUp">A Propos d'EquitAssistance</p>
                        <h2>Votre Partenaire pour une Assistance Équestres</h2>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="section-btn wow fadeInUp" data-wow-delay="0.25s">
                        <a href="{{ route('aPropos.quiSommesNous') }}" class="btn-default">En savoir plus</a>
                    </div>
                </div>
            </div>

            <div class="row align-items-center">
                <div class="col-md-7 order-0 order-md-0">
                    <div class="about-content wow fadeInUp">
                        <p>
                            EquitAssistance a développé un réseau d'acteurs spécialisés en assistance équestre : cliniques vétérinaires équines, transporteurs agréés, loueurs de vans ou de camions, pensions, chauffeurs de remplacement, etc.<br>
                            Avec plus de 3 800 partenaires en France (hors Corse), nous offrons à nos adhérents un appui technique disponible 24h/24 et 7j/7.<br><br>
                            En cas d’imprévu ou de panne, EquitAssistance met en relation immédiate les propriétaires avec un professionnel local, au plus près du lieu de l’incident.
                        </p>
                    </div>
                </div>

                <div class="col-md-5 order-2 order-md-1">
                    <div class="about-list wow fadeInUp" data-wow-delay="0.25s">
                        <ul>
                            <li>+3 800 prestataires répartis sur tout le territoire</li>
                            <li>Assistance équestre 24h/24 et 7j/7</li>
                            <li>Transporteurs et vétérinaires spécialisés agréés</li>
                            <li>Location de vans et camions de remplacement</li>
                            <li>Coordination immédiate en cas d’incident</li>
                        </ul>
                    </div>
                </div>

                <div class="col-md-12 mt-lg-5 mb-4 mb-md-0 order-1 order-md-2">
                    <img src="{{ asset('/assets/images/accueil-description.webp') }}" alt="Jockey entrant dans un circuit sur son char tracté par un cheval" loading="lazy">
                </div>
            </div>
        </div>
    </div>

    <!-- Our Services Section Start -->
    <div class="our-services">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-8">
                    <div class="section-title">
                        <p class="wow fadeInUp">Une assistance équestre complète, pour la sécurité de vos chevaux</p>
                        <h2>Nos services</h2>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="section-btn wow fadeInUp" data-wow-delay="0.25s">
                        <a href="{{ route('devis') }}" class="btn-default">Obtenir un devis</a>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <a class="service-item d-block wow fadeInUp" href="{{ route('garanties.prestations') }}">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/cheval.json') }}" trigger="loop" delay="2000" stroke="regular" state="hover-line"
                                class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <h3>EquitAssistance</h3>
                            <p>Explorez les avantages du contrat EquitAssistance, un complément indispensable à vos garanties actuelles</p>
                        </div>
                    </a>
                </div>

                <div class="col-lg-3 col-md-6">
                    <a class="service-item d-block wow fadeInUp" data-wow-delay="0.25s" href="{{ route('garanties.prestations') }}">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/garantie.json') }}" trigger="loop" delay="2000" stroke="regular" state="hover-line"
                                class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <h3>Les garanties</h3>
                            <p>Découvrez l’ensemble de notre assistance équestre, prise en charge par nos services (frais annexes)</p>
                        </div>
                    </a>
                </div>

                <div class="col-lg-3 col-md-6">
                    <a class="service-item d-block wow fadeInUp" data-wow-delay="0.5s" href="{{ route('devis') }}">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/devis.json') }}" trigger="loop" delay="2000" stroke="regular" state="hover-line"
                                class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <h3>Devis en ligne</h3>
                            <p>Simulez votre adhésion en quelques clics et recevez rapidement votre carte d’assistance équestre</p>
                        </div>
                    </a>
                </div>
                <div class="col-lg-3 col-md-6">
                    <a class="service-item d-block wow fadeInUp" data-wow-delay="0.5s" href="{{ route('partenariat.devenirPartenaire') }}">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/partenaire.json') }}" trigger="loop" delay="2000" stroke="regular" state="hover-line"
                                class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <h3>Devenir partenaire</h3>
                            <p>Rejoignez notre réseau d’assisteurs partenaires gratuitement et participez à une mission d’utilité équestre</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="why-choose-us">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-9">
                    <div class="section-title">
                        <p class="wow fadeInUp">Pourquoi nous choisir</p>
                        <h2 class="">EquitAssistance, la meilleure solution</h2>
                    </div>
                </div>

                <div class="col-lg-3">
                    <div class="section-btn wow fadeInUp" data-wow-delay="0.25s">
                        <a href="{{ route('devis') }}" class="btn-default">Obtenir un devis</a>
                    </div>
                </div>
            </div>

            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="why-choose-image">
                        <figure class="">
                            <img src="{{ asset('/assets/images/pourquoi-nous-choisir.webp') }}" alt="Cheval habillé d'une robe signé du logo Equitassistance" loading="lazy">
                        </figure>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="why-choose-content">
                        <div class="why-choose-item wow fadeInUp">
                            <h3><span>01. </span>Assistance 24h/24 et 7j/7</h3>
                            <p>En cas d’incident, notre assistance équestre mobilise immédiatement notre réseau d’appuis locaux pour une prise en charge rapide et adaptée à votre situation.</p>
                        </div>

                        <div class="why-choose-item wow fadeInUp" data-wow-delay="0.25s">
                            <h3><span>02. </span>Prise en charge complète</h3>
                            <p>Nous assurons une couverture étendue des frais engagés : hébergement des chevaux, récupération d’urgence, transit vers un lieu sécurisé, location d’un van ou d’un véhicule de secours, etc.</p>
                        </div>

                        <div class="why-choose-item wow fadeInUp" data-wow-delay="0.5s">
                            <h3><span>03. </span>Solutions humaines et logistiques</h3>
                            <p>EquitAssistance va plus loin : hébergement d’un palefrenier, chauffeur de remplacement, transporteur équin jusqu’au lieu de destination, récupération du véhicule tracteur… tout est pensé pour la sécurité de vos chevaux.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="our-scrolling-ticker">
            <div class="scrolling-ticker-box">
                <div class="scrolling-content">
                    <span>EquitAssistance</span>
                    <span>Equestre</span>
                    <span>Vans Et Camions</span>
                </div>
            </div>
        </div>
    </div>

    <div class="our-project">
        <div class="container">
            <div class="row section-row align-items-center mb-0 pb-0 mb-lg-5 pb-lg-5">
                <div class="col-lg-8">
                    <div class="section-title">
                        <p class="wow fadeInUp">Votre projet</p>
                        <h2 class=" text-white">Besoin d'un devis en ligne gratuit ?</h2>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="section-btn wow fadeInUp" data-wow-delay="0.25s">
                        <a href="{{ route('devis') }}" class="btn-default btn-highlighted">Obtenir un devis</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="what-we-do">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="">
                        <div class="section-title">
                            <p class="wow fadeInUp">Notre engagement</p>
                            <h2 class="">Une Assistance Equstre sur mesure</h2>
                        </div>

                        <p class="wow fadeInUp" data-wow-delay="0.25s">
                            EquitAssistance intervient rapidement pour vous proposer une assistance équestre complète, qu’il s’agisse d’une panne, d’un incident de transport ou d’un besoin ponctuel avec vos chevaux. Nos équipes coordonnent pour vous les meilleurs professionnels de l’assistance équestre.
                        </p>

                        <div class="what-we-body">
                            <div class="what-we-item wow fadeInUp" data-wow-delay="0.5s">
                                <div class="icon-box">
                                    <lord-icon src="{{ asset('assets/images/icons/transport.json') }}" trigger="loop" delay="2000" stroke="regular" state="hover-line"
                                        class="align-middle wh-80px" loading="lazy">
                                    </lord-icon>
                                </div>
                                <div class="what-we-item-content">
                                    <h3>Assistance cheval transport - vétérinaire</h3>
                                    <p>Mise en relation immédiate avec un transporteur ou un vétérinaire agréé, en cas de problème sur la route ou besoin médical urgent.</p>
                                </div>
                            </div>

                            <div class="what-we-item wow fadeInUp" data-wow-delay="0.5s">
                                <div class="icon-box">
                                    <lord-icon src="{{ asset('assets/images/icons/service-client.json') }}" trigger="loop" delay="2000" stroke="regular" state="hover-line"
                                        class="align-middle wh-80px" loading="lazy">
                                    </lord-icon>
                                </div>
                                <div class="what-we-item-content">
                                    <h3>Solutions de secours et d'urgence</h3>
                                    <p>Location de van, hébergement temporaire pour vos chevaux ou remplacement de chauffeur : nous avons toujours une solution.</p>
                                </div>
                            </div>
                        </div>

                        <div class="what-we-btn wow fadeInUp" data-wow-delay="0.75s">
                            <a href="{{ route('devis') }}" class="btn-default btn-highlighted">Obtenir un devis</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="what-we-image">
                        <figure>
                            <img src="{{ asset('/assets/images/accueil-accompagnement.webp') }}" alt="Van-remorque equestre muni d'un atelage" loading="lazy">
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('partials.faq')

    <div class="our-blog partenaires">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-8">
                    <div class="section-title">
                        <p class="wow fadeInUp">Ils nous ont fait confiance</p>
                        <h2 class="">Nos partenaires</h2>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="section-btn wow fadeInUp" data-wow-delay="0.25s">
                        <a href="{{ route('partenariat.devenirPartenaire') }}" class="btn-default">Devenir partenaire</a>
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="col-6 col-md-4 col-lg-3">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
                        <div class="icon-box mb-0">
                            <img class="custom-img img-fluid" src="{{ asset('assets/images/partenaires/Fautras.webp') }}" alt="Logo Fautras" loading="lazy">
                        </div>
                    </div>
                </div>

                <div class="col-6 col-md-4 col-lg-3">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
                        <div class="icon-box mb-0">
                            <img class="custom-img img-fluid" src="{{ asset('assets/images/partenaires/Alain.webp') }}" alt="Logo Vans Alain Guiberteau" loading="lazy">
                        </div>
                    </div>
                </div>

                <div class="col-6 col-md-4 col-lg-3">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
                        <div class="icon-box mb-0">
                            <img class="custom-img img-fluid" src="{{ asset('assets/images/partenaires/bl2c-location.webp') }}" alt="Logo BL2C Location" loading="lazy">
                        </div>
                    </div>
                </div>

                <div class="col-6 col-md-4 col-lg-3">
                    <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
                        <div class="icon-box mb-0">
                            <img class="custom-img img-fluid" src="{{ asset('assets/images/partenaires/Umase.webp') }}" alt="Logo Umase" loading="lazy">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection