{% extends 'base.html.twig' %}

{% block title %}Home - Winassurances{% endblock %}

{% block stylesheets %}{{ encore_entry_link_tags('home') }}{% endblock %}
{% block javascripts %}{{ encore_entry_script_tags('home') }}{% endblock %}

{% block content %}

    {# Section : Banner #}
    <section class="bg-color-primary w-full pt-16 pb-8">
        {% include 'home/_section_banner.html.twig' %}
    </section>

    {# Section : carte de garantie #}
    <section class="bg-white w-full py-20">
        {% include 'home/_section_card_guarantee.html.twig' %}
    </section>

    {# Section avec carousel #}
    {# <section class="bg-gray-50 w-full py-20">
        {% include 'home/_section_slider.html.twig' %}
    </section> #}

    {# Section : Assurance particulier #}
    <section class="bg-gray-100 py-16">
        {% include 'home/_section_insurance_particular.html.twig' %}
    </section>

    {# Section : Assurance pro #}
    <section class="bg-white py-16">
        {% include 'home/_section_insurance_pro.html.twig' %}
    </section>

    <section class="bg-gray-100 py-20">
        <div class="container mx-auto px-6">
            <div class="relative flex flex-col md:flex-row items-center bg-[#b3a0ff] shadow-lg rounded-xl p-8 overflow-hidden">

                <!-- Contenu Texte (3/4) -->
                <div class="md:w-3/4 p-6 relative z-10">
                    <h2 class="title-h2">
                        Particulier ou professionnel, êtes-vous bien assuré ?
                    </h2>
                    <p class="mt-4 text-gray-900">
                        Que vous soyez <b>conducteur, propriétaire, indépendant ou chef d’entreprise</b>, nous avons la solution adaptée à votre profil.
                        <b>Protégez votre véhicule, votre habitation, votre activité et votre santé</b> en quelques clics.
                    </p>
                    <p class="text-xs mt-2 text-gray-800">
                        {#✔ <b>Devis immédiat</b> et sans engagement <br>#}
                        ✔ <b>Souscription rapide et 100% digitale</b> <br>
                        ✔ <b>Accompagnement personnalisé</b> par un expert
                    </p>

                    <a href="#"
                       class="mt-6 inline-flex items-center bg-black text-white px-6 py-3 rounded-lg text-lg font-medium hover:bg-gray-900 transition">
                        Me contacter
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="w-5 h-5 ml-2">
                            <path fill="#fff" d="m8.935 2.207 5.5 5.25a.75.75 0 0 1 0 1.086l-5.5 5.25A.75.75 0 0 1 7.9 12.707l4.147-3.956H1.417a.75.75 0 0 1 0-1.5h10.628L7.898 3.295a.753.753 0 0 1-.025-1.063c.287-.3.734-.31 1.062-.025Z"></path>
                        </svg>
                    </a>
                </div>

                <!-- Image Overlay à droite (1/4 de largeur) -->
                <div class="absolute right-0 top-0 h-full w-1/4 hidden md:block">
                    <img src="{{ asset('images/home/pet.png') | imagine_filter('thumbnail_canva') }}" alt="Illustration" class="w-full h-full object-cover">
                </div>
            </div>
        </div>
    </section>

    {# Section : Présentation de l'équipe #}
    <section class="bg-white py-16">
        {% include 'home/_section_presentation_team.html.twig' %}
    </section>

    {# Section : Partenaire #}
    <section id="partner" class="bg-gray-100 py-16">
        {% include 'home/_section_partner.html.twig' %}
    </section>

    {# Section : Aide, contact #}
    <section class="bg-black py-16 text-white">
        {% include 'home/_section_help.html.twig' %}
    </section>

{% endblock %}

{% block meta %}
    <meta name="description" content="Trouvez l'assurance idéale pour particuliers et professionnels : auto, habitation, santé, RC Pro, décennale et bien plus. Couverture complète, souscription rapide et accompagnement personnalisé.">
    <meta name="keywords" content="assurance auto, assurance habitation, mutuelle santé, assurance décennale, RC Pro, VTC, taxis, assurance animaux, dommage ouvrage">
    <meta property="og:title" content="Assurance Particuliers & Professionnels - Winassurances">
    <meta property="og:description" content="Bénéficiez d'une assurance adaptée à vos besoins, que vous soyez particulier ou professionnel. Couverture complète, tarifs compétitifs et souscription rapide en ligne.">
    <meta property="og:image" content="{{ asset('images/home/banniere_1.png') }}">
    <meta property="og:type" content="website">
{% endblock %}

{% block jsonLd %}
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "InsuranceAgency",
            "name": "Winassurances",
            "url": "https://www.winassurances.fr",
            "logo": "https://www.winassurances.fr/logo.png",
            "description": "Winassurances propose des solutions d'assurance sur-mesure pour particuliers et professionnels : auto, habitation, santé, RC Pro, décennale et plus.",
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+33 7 59 65 56 15",
                "contactType": "customer service",
                "availableLanguage": ["French"]
            }
        }
    </script>
{% endblock %}