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

{% block title %}Home{% endblock %}

{% block body %}
<!-- Header -->
<header class="header" id="header" role="banner">
    <nav class="nav-container" role="navigation" aria-label="Navigation principale">
        <a href="#hero" class="logo" aria-label="Renfort Immo - Accueil">Renfort Immo</a>
        <ul class="nav-menu" id="nav-menu">
            <li><a href="#hero" class="nav-link">Accueil</a></li>
            <li><a href="#about" class="nav-link">À Propos</a></li>
            <li><a href="#services" class="nav-link">Services</a></li>
            <li><a href="#experts" class="nav-link">Expertises</a></li>
            <li><a href="#process" class="nav-link">Approche</a></li>
            <li><a href="#values" class="nav-link">Valeurs</a></li>
            <li><a href="#contact" class="nav-link">Contact</a></li>
        </ul>
        <button class="mobile-menu" id="mobile-menu" aria-label="Menu mobile" aria-expanded="false">
            <span></span>
            <span></span>
            <span></span>
        </button>
    </nav>
</header>

<main>
    <!-- Hero Section -->
    <section id="hero" class="hero" role="banner" aria-labelledby="hero-title">
        <div class="hero-content">
            {% for label, messages in app.flashes %}
            {% for message in messages %}
            <div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            {% endfor %}
            {% endfor %}
            <h1 id="hero-title">Votre Projet Immobilier Sur Mesure</h1>
            <p class="hero-subtitle">Avec Votre Expert en Développement Immobilier</p>
            <p class="hero-description">Accompagnement personnalisé de l'idée à la livraison de votre projet</p>

            <div class="service-tags" role="list" aria-label="Services proposés">
                <span class="service-tag" role="listitem">Construire</span>
                <span class="service-tag" role="listitem">Rénover</span>
                <span class="service-tag" role="listitem">Agrandir</span>
                <span class="service-tag" role="listitem">Transformer</span>
                <span class="service-tag" role="listitem">Valoriser</span>
                <span class="service-tag" role="listitem">Investir</span>
            </div>

            <div class="cta-buttons">
                <a href="#contact" class="btn btn-primary">Diagnostic Gratuit</a>
                <a href="#contact" class="btn btn-secondary">Nous Contacter</a>
            </div>
        </div>
    </section>

        <!-- About Section -->
        <section id="about" class="about" role="region" aria-labelledby="about-title">
            <div class="container">
                <div class="about-content">
                    <h2 id="about-title" class="section-title">À Propos de Renfort Immo</h2>
                    <p class="section-subtitle">Votre partenaire de confiance pour tous vos projets immobiliers</p>
                    
                    <div class="about-grid">
                        <div class="about-card">
                            <div class="card-icon">🎯</div>
                            <h3>Comment concrétiser votre projet immobilier en toute sérénité ?</h3>
                            <p>Transformer une vision en réalité immobilière est un défi complexe, qui nécessite un guide expérimenté. Chez Renfort Immo, nous ne livrons pas de solutions standards ; nous construisons une <strong>stratégie sur-mesure</strong> et <strong>pragmatique</strong> pour votre projet.</p>
                            <div class="key-point">
                                🏗️ Construction • Rénovation • Optimisation d'actifs
                            </div>
                            <p>Qu'il s'agisse de construction neuve, de rénovation énergétique ou d'optimisation patrimoniale, chaque projet bénéficie d'une approche personnalisée.</p>
                        </div>

                        <div class="about-card">
                            <div class="card-icon">🔍</div>
                            <h3>Comment s'assurer que votre projet est le bon ?</h3>
                            <p>Nous vous aidons à valider la faisabilité technique et financière de votre idée. Notre analyse rigoureuse des risques et du potentiel vous offre une <strong>vision claire et objective</strong> pour <strong>investir et décider en toute confiance</strong>.</p>
                            <div class="key-point">
                                📊 Analyse technique • Étude financière • Gestion des risques
                            </div>
                            <p>Notre accompagnement à chaque étape garantit que les choix techniques, juridiques et économiques sont optimisés et sécurisés, transformant la complexité en une exécution sereine et maîtrisée.</p>
                        </div>
                    </div>

                    <!-- Section Promesse -->
                    <div class="promise-section">
                        <div class="promise-content">
                            <h3 class="promise-title">Notre promesse : un accompagnement intégral et serein</h3>
                            <p style="font-size: 1.1rem; margin-bottom: 2rem; opacity: 0.95;">Renfort Immo est votre Guichet Unique Immobilier. Notre équipe, pilotée par un Développeur Immobilier expérimenté, vous guide pour concevoir la solution parfaitement adaptée à votre projet.</p>
                            
                            <div class="promise-grid">
                                <div class="promise-item">
                                    <span class="promise-icon">⏰</span>
                                    <h4>Gain de Temps</h4>
                                    <p>Coordination complète de tous les intervenants nécessaires</p>
                                </div>
                                <div class="promise-item">
                                    <span class="promise-icon">🎯</span>
                                    <h4>Efficacité Optimale</h4>
                                    <p>Gestion de toutes les phases, de l'idée à la réalisation</p>
                                </div>
                                <div class="promise-item">
                                    <span class="promise-icon">🛡️</span>
                                    <h4>Qualité Garantie</h4>
                                    <p>Cohérence, qualité et maîtrise des coûts assurées</p>
                                </div>
                                <div class="promise-item">
                                    <span class="promise-icon">🧘</span>
                                    <h4>Tranquillité d'Esprit</h4>
                                    <p>Concentrez-vous sur l'essentiel en toute sérénité</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Services Section -->
        <section id="services" class="services" role="region" aria-labelledby="services-title">
            <div class="container">
                <h2 id="services-title" class="section-title">Nos Services</h2>
                <p class="section-subtitle">Valorisez votre projet immobilier avec nos solutions sur-mesure</p>
                
                <div class="services-grid">
                    <article class="service-card">
                        <div class="service-icon">🏡</div>
                        <h3>Vente de biens immobiliers</h3>
                        <p class="service-types"><strong>Terrain, maison, immeuble, local, commerce...</strong></p>
                        <p>Plutôt que de simplement mettre votre bien en vente, nous analysons son potentiel et élaborons différents scénarios pour maximiser sa valeur marchande ou vous permettre de le vendre plus vite. Nous pouvons par exemple suggérer des aménagements légers, un changement de destination du bien ou toutes autres solutions contribuant à optimiser son potentiel. Nous identifions aussi des acheteurs spécifiques (investisseurs, promoteurs) prêts à payer le prix adapté.</p>
                    </article>

                    <article class="service-card">
                        <div class="service-icon">🏗️</div>
                        <h3>Construction de projets</h3>
                        <p class="service-types"><strong>Maison, immeuble, lotissement, local professionnel...</strong></p>
                        <p>Nous étudions la faisabilité de votre projet et vous proposons différentes options techniques et financières. Renfort Immo gère tout : nous recherchons le terrain si besoin, vous orientons vers le choix constructif et le partenaire adapté à votre situation (Constructeur de Maison individuelle, Conception-réalisation par un architecte, Maître d'œuvre + entreprises de travaux) et vous accompagnons à toutes les étapes jusqu'à la livraison.</p>
                    </article>

                    <article class="service-card">
                        <div class="service-icon">🔓</div>
                        <h3>Déblocage immobilier</h3>
                        <p class="service-types"><strong>Litiges, Indivision, Biens dégradés, Biens difficiles à vendre, Chantiers inachevés, Permis bloqués…</strong></p>
                        <p>Si un problème vous empêche de disposer de votre bien Renfort Immo trouve des solutions et élabore des stratégies pour débloquer votre situation. Nous mobilisons notre réseau de partenaires, rendons votre bien opérationnel pour que vous puissiez relancer votre projet.</p>
                    </article>

                    <article class="service-card">
                        <div class="service-icon">📈</div>
                        <h3>Développement patrimonial</h3>
                        <p class="service-types"><strong>Développer votre patrimoine immobilier à partir de vos biens existants ou investir dans de nouveaux projets.</strong></p>
                        <p>Nous faisons un bilan de votre patrimoine existant et élaborons avec nos partenaires plusieurs scénarios pour le valoriser et l'augmenter. Cela peut inclure la restructuration de l'existant, l'acquisition de nouveaux biens, l'optimisation fiscale ou la transformation d'usage de propriétés, pour augmenter leur rendement.</p>
                    </article>
                </div>

                <!-- Section contact unique -->
                <div class="single-contact-section">
                    <div class="single-contact-card">
                        <div class="contact-highlight-icon">🎯</div>
                        <h3>Un seul interlocuteur</h3>
                        <p>pour gérer votre projet et vous accompagner dans toutes vos démarches</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Experts Section COMPLET - Notre Écosystème -->
        <section id="experts" class="experts" role="region">
            <div class="container">
                <!-- Titre de la section -->
                <h2 class="section-title">Notre Écosystème</h2>
                <p class="section-subtitle">Un réseau complet de professionnels pour répondre à tous vos besoins</p>

                <!-- Vignette Écosystème -->
                <div class="ecosystem-highlight">
                    <div class="ecosystem-content">
                        <span class="ecosystem-icon">🏗️</span>
                        <h3 class="ecosystem-title">Renfort Immo vous fait bénéficier de son Éco-système</h3>
                        <p class="ecosystem-subtitle">Plusieurs expertises métiers à votre service dans un environnement intégré</p>
                    </div>
                </div>
                
                <div class="experts-grid">
                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🏡</span>
                        <h3>Développeur Immobilier</h3>
                        <p class="role"><strong>Rôle :</strong> Cherche et sécurise terrain, bien adapté à votre projet.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Réalise des études d'opportunité, négocie les acquisitions et vous accompagne de l'amont à la réalisation de votre projet.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">💼</span>
                        <h3>Investisseurs</h3>
                        <p class="role"><strong>Rôle :</strong> Apportent le financement nécessaire pour tous types de budgets et projets immobiliers.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Permettent la réalisation de projets ambitieux, diversifient les sources de financement et accélèrent la concrétisation de votre vision immobilière.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🏢</span>
                        <h3>Agences Immobilières</h3>
                        <p class="role"><strong>Rôle :</strong> Commercialisent les biens immobiliers neufs ou rénovés.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Connaissent parfaitement le marché local, optimisent la valorisation et la commercialisation, réduisent les délais de vente grâce à leur réseau d'acquéreurs.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🏠</span>
                        <h3>Constructeurs Maisons Individuelles</h3>
                        <p class="role"><strong>Rôle :</strong> Spécialisés dans la construction de maisons individuelles clé en main.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Maîtrisent parfaitement les réglementations, proposent des solutions standardisées mais personnalisables et garantissent des délais et coûts maîtrisés.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🏛️</span>
                        <h3>Architecte</h3>
                        <p class="role"><strong>Rôle :</strong> Conçoit les plans et l'esthétique du projet (maison, immeuble, extension).</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Personnalise selon vos besoins, vous aide à choisir les bons prestataires et assure la cohérence technique et réglementaire.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🔧</span>
                        <h3>Bureau d'Études Techniques (BET)</h3>
                        <p class="role"><strong>Rôle :</strong> Analyse structure, fluides, électricité, etc.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Propose des solutions techniques adaptées à votre projet (maisons, bureaux, commerces, locaux pro…) et assure l'évolutivité du bâtiment.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">⚡</span>
                        <h3>Bureau d'Études Thermiques</h3>
                        <p class="role"><strong>Rôle :</strong> Évalue la performance énergétique et les solutions de rénovation thermique.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Intervient sur des biens complexes ou sinistrés, optimise la consommation énergétique et transforme des passifs en actifs valorisés.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">📈</span>
                        <h3>Maître d'œuvre (MOE)</h3>
                        <p class="role">🔧 <strong>Rôle :</strong> Coordinateur technique du chantier, Il planifie les interventions, supervise les travaux et veille à la bonne exécution du projet, en respectant les délais, le budget et les normes en vigueur.</p>
                        <p class="value">✨ <strong>Valeur ajoutée :</strong> Bien plus qu'un simple chef de chantier, le MOE joue un rôle clé dans la performance énergétique du bâtiment, monte les dossiers de subvention : MaPrimeRénov', ANAH….</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">💰</span>
                        <h3>Courtier en Financement</h3>
                        <p class="role"><strong>Rôle :</strong> Négocie les meilleures conditions de crédit et de financement.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Optimise la rentabilité du projet, conseille sur les investissements et maximise le retour sur investissement (ROI).</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🛠️</span>
                        <h3>Entreprise de Travaux</h3>
                        <p class="role"><strong>Rôle :</strong> Elle prend en charge l'exécution des travaux de construction, de rénovation ou d'aménagement, selon les plans et les prescriptions techniques définis en amont. Elle mobilise les compétences artisanales et techniques nécessaires à la transformation du bâti.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> donne vie à votre projet. Rénove en modernisant, mettant aux normes, pour valoriser votre bien.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🌳</span>
                        <h3>Paysagiste</h3>
                        <p class="role"><strong>Rôle :</strong> Aménage les espaces extérieurs (jardin, terrasse, accès).</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Valorise l'environnement du bien, augmente son attractivité et son potentiel de revente ou de location.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🧭</span>
                        <h3>Assistant à Maîtrise d'Ouvrage (AMO)</h3>
                        <p class="role"><strong>Rôle :</strong> Conseille et accompagne le maître d'ouvrage dans ses décisions.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Défend vos intérêts, assure le suivi qualité/coût/délai et facilite la coordination entre tous les intervenants.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🧱</span>
                        <h3>Contractant Général</h3>
                        <p class="role"><strong>Rôle :</strong> Prend en charge l'ensemble du projet immobilier, de la conception à la livraison, avec engagement sur le coût, les délais et la qualité.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Interlocuteur unique, simplifie la gestion du projet, sécurise votre investissement et garantit un résultat conforme à vos attentes.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🎨</span>
                        <h3>Architecte Décorateur</h3>
                        <p class="role"><strong>Rôle :</strong> Conçoit et aménage les espaces intérieurs en alliant esthétique, fonctionnalité et confort.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Optimise l'espace selon votre style de vie, valorise votre bien immobilier et transforme chaque pièce en un lieu unique, harmonieux et durable.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">📐</span>
                        <h3>Géomètre-Expert</h3>
                        <p class="role"><strong>Rôle :</strong> Mesure, délimite et analyse les terrains avec précision.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Sécurise les limites de propriété, évite les litiges, facilite les démarches d'urbanisme et assure une base fiable pour la conception et la construction.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">⚖️</span>
                        <h3>Notaires</h3>
                        <p class="role"><strong>Rôle :</strong> Sécurisent juridiquement toutes les transactions immobilières et les actes de propriété.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Garantissent la sécurité juridique des acquisitions, conseillent sur les aspects fiscaux et patrimoniaux, facilitent les successions et donations.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🏙️</span>
                        <h3>Promoteurs</h3>
                        <p class="role"><strong>Rôle :</strong> Développent des programmes immobiliers d'envergure (logements collectifs, bureaux, commerces).</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Gèrent des projets complexes de grande ampleur, maîtrisent les aspects réglementaires et financiers, créent de la valeur à grande échelle.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">📊</span>
                        <h3>Experts Immobiliers</h3>
                        <p class="role"><strong>Rôle :</strong> Évaluent la valeur des biens immobiliers pour différentes finalités (vente, achat, succession, expertise judiciaire).</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Fournissent une évaluation objective et précise, aident à la négociation, sécurisent les transactions et optimisent les stratégies patrimoniales.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🌿</span>
                        <h3>Bureaux d'Études Environnementales</h3>
                        <p class="role"><strong>Rôle :</strong> Évaluent l'impact environnemental des projets et proposent des solutions écologiques.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Assurent la conformité réglementaire environnementale, optimisent l'empreinte écologique du projet et valorisent les aspects durables auprès des acquéreurs.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">⚖️</span>
                        <h3>Avocats</h3>
                        <p class="role"><strong>Rôle :</strong> Conseillent et défendent vos intérêts juridiques dans tous les aspects immobiliers.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Résolvent les litiges, sécurisent les contrats complexes, accompagnent dans les procédures administratives et protègent vos droits.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">💎</span>
                        <h3>Conseiller en Gestion de Patrimoine</h3>
                        <p class="role"><strong>Rôle :</strong> Optimise votre stratégie patrimoniale globale intégrant l'immobilier.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Maximise la rentabilité fiscale, diversifie les placements, anticipe la transmission patrimoniale et adapte la stratégie à vos objectifs de vie.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🔬</span>
                        <h3>Diagnostiqueur Immobilier</h3>
                        <p class="role"><strong>Rôle :</strong> Réalise tous les diagnostics techniques obligatoires (amiante, plomb, DPE, etc.).</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Identifie les risques et pathologies, guide les choix de rénovation, sécurise les transactions et optimise la performance énergétique.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">💰</span>
                        <h3>Économiste de la Construction</h3>
                        <p class="role"><strong>Rôle :</strong> Évalue et optimise les coûts de construction tout au long du projet.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Maîtrise les budgets, négocie avec les entreprises, optimise le rapport qualité/prix et assure le suivi financier du chantier.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">🏢</span>
                        <h3>Syndic de Copropriété</h3>
                        <p class="role"><strong>Rôle :</strong> Gère et administre les parties communes des immeubles en copropriété.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Facilite les décisions collectives, coordonne les travaux en copropriété, optimise les charges et valorise le patrimoine commun.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">✨</span>
                        <h3>Home Stager</h3>
                        <p class="role"><strong>Rôle :</strong> Met en scène et valorise l'espace pour optimiser la vente ou la location.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Accélère la commercialisation, maximise le prix de vente, crée un coup de cœur chez les visiteurs et différencie le bien sur le marché.</p>
                    </article>

                    <article class="expert-card">
                        <span class="expert-icon" aria-hidden="true">📊</span>
                        <h3>Expert-Comptable Spécialisé Immobilier</h3>
                        <p class="role"><strong>Rôle :</strong> Optimise la gestion fiscale et comptable des investissements immobiliers.</p>
                        <p class="value"><strong>Valeur ajoutée :</strong> Maximise les avantages fiscaux, structure optimalement les montages, accompagne dans les choix de défiscalisation et sécurise la gestion comptable.</p>
                    </article>
                </div>
            </div>
        </section>

        <!-- Process Section -->
        <section id="process" class="process" role="region" aria-labelledby="process-title">
            <div class="container">
                <h2 id="process-title" class="section-title">Notre Approche en 5 Étapes</h2>
                
                <div class="process-steps">
                    <article class="process-step">
                        <div class="step-number" aria-label="Étape 1">1</div>
                        <h3>État des lieux</h3>
                        <ul>
                            <li>Écoute approfondie de vos besoins</li>
                            <li>Analyse de votre situation</li>
                            <li>Évaluation des contraintes</li>
                            <li>Définition des objectifs</li>
                        </ul>
                    </article>

                    <article class="process-step">
                        <div class="step-number" aria-label="Étape 2">2</div>
                        <h3>Faisabilité</h3>
                        <ul>
                            <li>Analyse technique du projet</li>
                            <li>Étude budgétaire préliminaire</li>
                            <li>Identification des contraintes</li>
                        </ul>
                    </article>

                    <article class="process-step">
                        <div class="step-number" aria-label="Étape 3">3</div>
                        <h3>Proposition sur-mesure</h3>
                        <ul>
                            <li>Mise en relation avec les experts nécessaires</li>
                            <li>Présentation de différentes propositions</li>
                        </ul>
                    </article>

                    <article class="process-step">
                        <div class="step-number" aria-label="Étape 4">4</div>
                        <h3>Validation de l'offre</h3>
                        <ul>
                            <li>Aide à la décision</li>
                            <li>Vérification des engagements</li>
                            <li>Finalisation des choix</li>
                        </ul>
                    </article>

                    <article class="process-step">
                        <div class="step-number" aria-label="Étape 5">5</div>
                        <h3>Suivi de votre projet</h3>
                        <ul>
                            <li>Coordination de l'ensemble des intervenants</li>
                            <li>Présence à tous les stades</li>
                            <li>Accompagnement jusqu'à la livraison</li>
                        </ul>
                    </article>
                </div>
            </div>
        </section>

        <!-- Values Section -->
        <section id="values" class="values" role="region" aria-labelledby="values-title">
            <div class="container">
                <h2 id="values-title" class="section-title">Nos Valeurs</h2>
                
                <div class="values-grid">
                    <article class="value-item">
                        <span class="value-icon" aria-hidden="true">🎯</span>
                        <h3>Professionnalisme</h3>
                        <p>Une approche rigoureuse et méthodique pour chaque projet</p>
                    </article>

                    <article class="value-item">
                        <span class="value-icon" aria-hidden="true">💎</span>
                        <h3>Transparence</h3>
                        <p>Une communication claire et honnête à chaque étape</p>
                    </article>

                    <article class="value-item">
                        <span class="value-icon" aria-hidden="true">🚀</span>
                        <h3>Innovation</h3>
                        <p>Des solutions créatives et modernes pour vos projets</p>
                    </article>

                    <article class="value-item">
                        <span class="value-icon" aria-hidden="true">⚡</span>
                        <h3>Expertise technique</h3>
                        <p>Un savoir-faire reconnu dans le développement immobilier</p>
                    </article>

                    <article class="value-item">
                        <span class="value-icon" aria-hidden="true">🎨</span>
                        <h3>Solutions sur-mesure</h3>
                        <p>Chaque projet est unique, nos solutions aussi</p>
                    </article>

                    <article class="value-item">
                        <span class="value-icon" aria-hidden="true">✨</span>
                        <h3>Satisfaction garantie</h3>
                        <p>Votre satisfaction est notre priorité absolue</p>
                    </article>
                </div>
            </div>
        </section>

    <!-- Contact Section -->
    <section id="contact" class="contact" role="region" aria-labelledby="contact-title">
        <!-- Section Formulaire -->
        <div class="contact-form-section">
            <div class="container">
                <h2 class="section-title">Consultation Gratuite</h2>
                <p class="section-subtitle">Solutions personnalisées pour votre projet immobilier</p>

                <div class="contact-container">
                    <!-- Formulaire principal -->
                    <div class="form-container">
                        <div class="form-header">
                            <h3 class="form-title">Parlez-nous de votre projet</h3>
                            <p class="form-description">Recevez un diagnostic gratuit adapté à vos besoins</p>
                        </div>
                        {{ include("form/index.html.twig") }}


                    </div>

                    <!-- Sidebar Contact -->
                    
                    <div class="contact-sidebar">
                        <div class="contact-card">
                                <div class="contact-icon">📍</div>
                                <h3>Nos Adresses</h3>
                                <p><strong>Bureau :</strong><br>12 bis route de Toulouse<br>09100 Pamiers</p>
                                <p style="margin-top: 1rem;"><strong>Siège social :</strong><br>8 Place Roger Salengro<br>31000 Toulouse</p>
                            </div>
                        <div class="contact-card">
                            <div class="contact-icon">📞</div>
                            <h3>Téléphone</h3>
                            <p><a href="tel:+33632111518">06 32 11 15 18</a></p>
                            <p><a href="tel:+33531613866">05 31 61 38 66</a></p>
                        </div>

                        <div class="contact-card">
                            <div class="contact-icon">💬</div>
                            <h3>Email</h3>
                            <p><a href="mailto:contact@renfort-immo.fr">contact@renfort-immo.fr</a></p>
                            <p style="margin-top: 0.5rem; font-size: 0.9rem;">Support technique et commercial</p>
                        </div>

                        <div class="contact-card cta-card">
                            <div class="cta-content">
                                <div class="contact-icon">⚡</div>
                                <h3 class="blocage">Blocage ?</h3>
                                <p>Besoin d'une intervention pour débloquer votre projet ?</p>
                                <a href="https://renfortimmo.fr/" class="cta-btn" target="_blank"
                                    rel="noopener noreferrer">Cliquez ici</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Section Informations -->
        <div class="contact-info-section">
            <div class="container">
                <h2 class="section-title">A votre écoute</h2>

                <div class="contact-info-grid">
                    <div class="info-card">
                        <span class="info-icon">🌍</span>
                        <h3>Zone d'intervention</h3>
                        <p>• Toulouse et métropole<br>
                            • Haute-Garonne (31)<br>
                            • Occitanie</p>
                    </div>

                    <div class="info-card">
                        <span class="info-icon">⏰</span>
                        <h3>Disponibilité</h3>
                        <p>Lun-Ven : 9h-19h<br>
                            Sam : 9h-13h<br>
                            Urgences : 7j/7</p>
                    </div>

                    <div class="info-card">
                        <span class="info-icon">🎯</span>
                        <h3>Délai de réponse</h3>
                        <p>Consultation gratuite<br>
                            Réponse rapide hors jours fériés<br>
                            Rendez-vous : nous nous adaptons à votre disponibilité et venons à votre rencontre</p>
                    </div>

                    <div class="info-card">
                        <span class="info-icon">🏆</span>
                        <h3>Engagement qualité</h3>
                        <p>Devis sur commande<br>
                            Suivi personnalisé<br>
                            Satisfaction garantie</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Section Mentions légales -->
        <div class="legal-section">
            <div class="container">
                <div class="legal-disclaimer">
                    <p class="disclaimer-text">Renfort Immo Société de conseil non habilitée aux transactions
                        immobilières</p>
                </div>
                <div class="legal-footer">
                    <p>© 2025 Renfort Immo. Tous droits réservés. | <a href={{ path("app_mention") }}>Mentions
                            légales</a> | <a href={{ path("app_confidentialite") }}>Confidentialité</a></p>
                </div>
            </div>
        </div>
    </section>
</main>

<script>// Navigation mobile - VERSION CORRIGÉE
document.getElementById('mobile-menu').addEventListener('click', function () {
    const navMenu = document.getElementById('nav-menu');
    const isExpanded = this.getAttribute('aria-expanded') === 'true';
    
    // Basculer l'état du menu
    navMenu.classList.toggle('active');
    this.setAttribute('aria-expanded', !isExpanded);
});

// Fermer le menu quand on clique sur un lien (optionnel mais recommandé)
document.querySelectorAll('.nav-link').forEach(link => {
    link.addEventListener('click', function() {
        const navMenu = document.getElementById('nav-menu');
        const mobileMenu = document.getElementById('mobile-menu');
        
        navMenu.classList.remove('active');
        mobileMenu.setAttribute('aria-expanded', 'false');
    });
});

// Smooth scroll pour la navigation (version corrigée)
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        // Ne pas appliquer le smooth scroll pour les liens qui pointent vers # (vide)
        if (this.getAttribute('href') === '#') return;
        
        e.preventDefault();
        const targetId = this.getAttribute('href');
        const target = document.querySelector(targetId);
        
        if (target) {
            target.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });
        }
    });
});

// Animation au scroll (inchangé)
const observerOptions = {
    threshold: 0.1,
    rootMargin: '0px 0px -50px 0px'
};

const observer = new IntersectionObserver(function (entries) {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            entry.target.style.opacity = '1';
            entry.target.style.transform = 'translateY(0)';
        }
    });
}, observerOptions);

document.querySelectorAll('.service-card, .team-member').forEach(el => {
    el.style.opacity = '0';
    el.style.transform = 'translateY(20px)';
    el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
    observer.observe(el);
});
</script>
{% endblock %}