templates/Front/google-ads/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ title }} — l'agence des Experts-comptables{% endblock %}
  5. {% block meta_noindex %}
  6.     <meta name="robots" content="noindex, nofollow">
  7. {% endblock %}
  9. {% block stylesheets %}
  10.     {{ encore_entry_link_tags('google-ads') }}
  11. {% endblock %}
  13. {% block body %}
  15.     {# ===================== HERO ===================== #}
  16.     <section class="hero-area gads-hero" data-aos="fade-up">
  17.         <div class="container">
  18.             <div class="row align-items-center">
  19.                 <div class="col-xl-6 col-lg-6 col-md-12 col-12">
  20.                     <div class="container-content" data-aos="fade-right" data-aos-delay="50">
  21.                         <span class="gads-overline">Développez votre cabinet</span>
  22.                         <h1 class="gads-hero-title">
  23.                             Des demandes qualifiées grâce à
  24.                             <span class="text-secondary">Google Ads</span>
  25.                         </h1>
  26.                         <p class="gads-hero-lead">
  27.                             Création d'entreprise, LMNP, holding, paie, conseil… Vos futurs clients recherchent
  28.                             déjà sur Google l'expert-comptable adapté à leur besoin.
  29.                         </p>
  30.                         <p class="gads-hero-sub">
  31.                             Google Ads place votre cabinet sur les bonnes recherches, au bon moment, pour attirer
  32.                             des prospects vraiment qualifiés.
  33.                         </p>
  34.                         <div class="container-btns">
  35.                             <a href="#form__contact" class="btn secondary regular">
  36.                                 <span>
  37.                                     Je demande mon audit gratuit
  38.                                     <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  39.                                         <path d="M5.88477 1.88086L10.2001 6.00007L5.88477 10.1193" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  40.                                         <path d="M10.1998 6L1.7998 6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  41.                                     </svg>
  42.                                 </span>
  43.                             </a>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.                 <div class="col-xl-6 col-lg-6 col-md-12 col-12 d-flex align-items-center">
  48.                     <div class="gads-hero-visual" data-aos="zoom-in" data-aos-delay="100">
  49.                         <picture>
  50.                             <source srcset="{{ asset('/assets/images/agexv4/google-ads/hero.webp') }}" type="image/webp">
  51.                             <img src="{{ asset('/assets/images/agexv4/google-ads/hero.png') }}" alt="Google Ads pour experts-comptables">
  52.                         </picture>
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </section>
  59.     {# ===================== LOGOS DE CONFIANCE ===================== #}
  60.     <section class="logo-area inline bg-secondary-light">
  61.         <div class="container-logo">
  62.             <span class="section-title__tagline" data-aos="fade-up">
  63.                 <span class="text-body">+550 cabinets</span>
  64.                 nous font déjà confiance
  65.             </span>
  66.             <div class="owl-carousel owl-custom" id="client-logos" data-aos="zoom-in" data-aos-delay="100">
  67.             </div>
  68.         </div>
  69.     </section>
  71.     {# ===================== STRATÉGIE (image + texte + checklist) ===================== #}
  72.     <section class="gads-strategie">
  73.         <div class="container">
  74.             <div class="row align-items-center">
  75.                 <div class="col-xl-6 col-lg-6 d-flex justify-content-center" data-aos="fade-right">
  76.                     <picture>
  77.                         <source srcset="{{ asset('/assets/images/agexv4/google-ads/strategie.webp') }}" type="image/webp">
  78.                         <img class="gads-strategie-img" src="{{ asset('/assets/images/agexv4/google-ads/strategie.png') }}" alt="Tableau de bord de performance Google Ads">
  79.                     </picture>
  80.                 </div>
  81.                 <div class="col-xl-6 col-lg-6" data-aos="fade-left" data-aos-delay="100">
  82.                     <h2 class="gads-title">
  83.                         Une stratégie Google Ads alignée avec
  84.                         <span class="gads-underline green">
  85.                             votre développement
  86.                             <svg width="330" height="14" viewBox="0 0 330 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  87.                                 <path d="M2.30078 11.3325C132 2.33252 199 3.74841 327.701 2.33252" stroke="#7CD325" stroke-width="4" stroke-linecap="round"/>
  88.                             </svg>
  89.                         </span>
  90.                     </h2>
  91.                     <p class="gads-text">
  92.                         Chaque cabinet a ses priorités : développer une mission, renforcer une spécialisation,
  93.                         cibler un secteur, capter des dirigeants sur une zone donnée ou valoriser une offre à
  94.                         forte valeur ajoutée.<br>
  95.                         Nous construisons vos campagnes autour de vos objectifs commerciaux et des recherches qui
  96.                         traduisent une intention réelle de prise de contact.
  97.                     </p>
  98.                     <p class="gads-text-strong">Exemples de ciblage :</p>
  99.                     <ul class="gads-checklist">
  100.                         {% for label in ['Expert comptable médecin', 'Expert comptable agricole', 'Expert comptable avocat', 'Expert comptable Strasbourg', 'Expert comptable Lille', 'Expert comptable Bordeaux'] %}
  101.                             <li class="gads-checklist__item" data-aos="fade-up" data-aos-delay="{{ loop.index0 * 60 }}">
  102.                                 <span class="gads-check">
  103.                                     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  104.                                         <path d="M5 12.5L10 17.5L19 7.5" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
  105.                                     </svg>
  106.                                 </span>
  107.                                 {{ label }}
  108.                             </li>
  109.                         {% endfor %}
  110.                     </ul>
  111.                     <a href="#form__contact" class="btn regular secondary gads-mt">
  112.                         <span>
  113.                             Je demande mon devis personnalisé
  114.                             <svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  115.                                 <path d="M5.38477 0.880859L9.70013 5.00007L5.38477 9.11928" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
  116.                                 <path d="M9.69975 5L1.2998 5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  117.                             </svg>
  118.                         </span>
  119.                     </a>
  120.                 </div>
  121.             </div>
  122.         </div>
  123.     </section>
  125.     {# ===================== CAMPAGNES (titre + 4 cartes) ===================== #}
  126.     <section class="gads-campagnes">
  127.         <span class="gads-campagnes-rocket" aria-hidden="true">
  128.             <picture>
  129.                 <source srcset="{{ asset('/assets/images/agexv4/google-ads/rocket.webp') }}" type="image/webp">
  130.                 <img src="{{ asset('/assets/images/agexv4/google-ads/rocket.png') }}" alt="">
  131.             </picture>
  132.         </span>
  133.         <div class="container">
  134.             <h2 class="gads-title" data-aos="fade-up">
  135.                 Des campagnes pensées pour générer
  136.                 <span class="gads-underline green">
  137.                     des demandes utiles
  138.                     <svg width="460" height="18" viewBox="0 0 460 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  139.                         <path d="M2.5 14.5C160 3 280 4.5 457.5 3" stroke="#7CD325" stroke-width="4" stroke-linecap="round"/>
  140.                     </svg>
  141.                 </span>
  142.             </h2>
  143.             <p class="gads-text" data-aos="fade-up" data-aos-delay="50">
  144.                 Google Ads permet de capter des prospects au moment où leur besoin est déjà exprimé.
  145.             </p>
  147.             <div class="gads-cards">
  148.                 <div class="gads-card" data-aos="fade-up" data-aos-delay="80">
  149.                     <span class="gads-card-icon orange">
  150.                         <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="7" stroke="white" stroke-width="2"/><path d="M16.5 16.5L21 21" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>
  151.                     </span>
  152.                     <p>Nous sélectionnons les mots-clés à fort potentiel</p>
  153.                 </div>
  154.                 <div class="gads-card" data-aos="fade-up" data-aos-delay="140">
  155.                     <span class="gads-card-icon dark">
  156.                         <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 20L4 16L15 5L19 9L8 20L4 20Z" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M13 7L17 11" stroke="white" stroke-width="2"/></svg>
  157.                     </span>
  158.                     <p>Nous rédigeons des annonces adaptées à vos cibles</p>
  159.                 </div>
  160.                 <div class="gads-card" data-aos="fade-up" data-aos-delay="200">
  161.                     <span class="gads-card-icon green">
  162.                         <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="5" width="16" height="15" rx="2" stroke="white" stroke-width="2"/><path d="M4 9H20M8 3V6M16 3V6" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>
  163.                     </span>
  164.                     <p>Nous suivons les appels, formulaires et prises de rendez-vous</p>
  165.                 </div>
  166.                 <div class="gads-card" data-aos="fade-up" data-aos-delay="260">
  167.                     <span class="gads-card-icon lime">
  168.                         <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 19V11M12 19V5M19 19V14" stroke="white" stroke-width="2.4" stroke-linecap="round"/></svg>
  169.                     </span>
  170.                     <p>Nous optimisons vos campagnes selon les résultats obtenus</p>
  171.                 </div>
  172.             </div>
  174.             <div class="gads-campagnes-foot" data-aos="fade-up">
  175.                 <p class="gads-text"><strong>L'objectif :</strong> concentrer votre budget sur les recherches les plus porteuses pour votre cabinet.</p>
  176.                 <a href="#form__contact" class="btn regular primary">
  177.                     <span>
  178.                         Demander un rendez-vous
  179.                         <svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  180.                             <path d="M5.38477 0.880859L9.70013 5.00007L5.38477 9.11928" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
  181.                             <path d="M9.69975 5L1.2998 5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  182.                         </svg>
  183.                     </span>
  184.                 </a>
  185.             </div>
  186.         </div>
  187.     </section>
  189.     {# ===================== PILOTAGE (texte + stepper numéroté) ===================== #}
  190.     <section class="gads-pilotage">
  191.         <span class="gads-pilotage-leaf" aria-hidden="true">
  192.             <picture>
  193.                 <source srcset="{{ asset('/assets/images/agexv4/google-ads/leaf.webp') }}" type="image/webp">
  194.                 <img src="{{ asset('/assets/images/agexv4/google-ads/leaf.png') }}" alt="">
  195.             </picture>
  196.         </span>
  197.         <div class="container">
  198.             <div class="row align-items-center">
  199.                 <div class="col-xl-6 col-lg-6" data-aos="fade-right">
  200.                     <span class="gads-overline">Un suivi simple et lisible</span>
  201.                     <h2 class="gads-title">
  202.                         Un pilotage clair, orienté
  203.                         <span class="gads-underline green">
  204.                             performance
  205.                             <svg width="250" height="14" viewBox="0 0 250 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  206.                                 <path d="M2.3 11.3C100 2.3 150 3.7 247.7 2.3" stroke="#7CD325" stroke-width="4" stroke-linecap="round"/>
  207.                             </svg>
  208.                         </span>
  209.                     </h2>
  210.                     <span class="gads-pilotage-arrow" aria-hidden="true">
  211.                         <svg width="113" height="57" viewBox="0 0 113 57" fill="none" xmlns="http://www.w3.org/2000/svg">
  212.                             <path d="M2.90483 40.1211C13.7262 21.3028 41.1389 -11.1755 64.7944 8.77893C81.6316 22.9818 54.2602 67.284 39.6992 50.9064C25.1381 34.5288 64.2039 -15.5958 108.106 30.5035M96.5749 29.2609L109.697 32.4313L106.667 17.2963" stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/>
  213.                         </svg>
  214.                     </span>
  215.                     <p class="gads-text">
  216.                         Chaque point de suivi permet d'ajuster les annonces, les mots-clés, les pages
  217.                         d'atterrissage et le budget pour <strong>renforcer progressivement la performance</strong>.
  218.                     </p>
  219.                 </div>
  220.                 <div class="col-xl-6 col-lg-6" data-aos="fade-left" data-aos-delay="100">
  221.                     <ul class="gads-steps">
  222.                         {% for step in ['Demandes générées', 'Coût par prospect', 'Missions recherche', 'Zones ou cibles les plus actives'] %}
  223.                             <li class="gads-step" data-aos="fade-left" data-aos-delay="{{ loop.index0 * 100 }}">
  224.                                 <span class="gads-step-num">{{ loop.index }}</span>
  225.                                 <h3>{{ step }}</h3>
  226.                             </li>
  227.                         {% endfor %}
  228.                     </ul>
  229.                 </div>
  230.             </div>
  231.         </div>
  232.     </section>
  234.     {# ===================== EXPERTISE (bandeau orange) ===================== #}
  235.     <section class="band-contact-area gads-band">
  236.         <span class="gads-band-bulb" aria-hidden="true">
  237.             <picture>
  238.                 <source srcset="{{ asset('/assets/images/agexv4/google-ads/lightbulb.webp') }}" type="image/webp">
  239.                 <img src="{{ asset('/assets/images/agexv4/google-ads/lightbulb.png') }}" alt="">
  240.             </picture>
  241.         </span>
  242.         <div class="container">
  243.             <div class="d-flex flex-column align-items-center" data-aos="fade-up">
  244.                 <h2 class="gads-band-title">Une expertise dédiée aux cabinets d'expertise comptable</h2>
  245.                 <p class="gads-band-text">
  246.                     l'agence des Experts-comptables connaît les enjeux de développement des cabinets, les missions
  247.                     à valoriser et les attentes des dirigeants. Votre campagne Google Ads est pensée comme un levier
  248.                     d'acquisition ciblé, mesurable et cohérent avec votre positionnement.
  249.                 </p>
  250.                 <a href="#form__contact" class="btn regular white">
  251.                     <span>
  252.                         Transformez les recherches Google en opportunités qualifiées
  253.                         <svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  254.                             <path d="M5.38477 0.880859L9.70013 5.00007L5.38477 9.11928" stroke="#042F35" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
  255.                             <path d="M9.69975 5L1.2998 5" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  256.                         </svg>
  257.                     </span>
  258.                 </a>
  259.             </div>
  260.         </div>
  261.     </section>
  263.     {# ===================== FAQ ===================== #}
  264.     <div class="container accordion-area gads-faq">
  265.         <div class="section-title text-center" data-aos="fade-up">
  266.             <span class="gads-overline center">En savoir plus</span>
  267.             <h2 class="gads-title text-center">
  268.                 Foire aux
  269.                 <span class="gads-underline orange">
  270.                     questions
  271.                     <svg width="214" height="13" viewBox="0 0 214 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  272.                         <path d="M2 10.5879C86 2.58789 134.395 3.84646 211.6 2.58789" stroke="#FC6F1F" stroke-width="3" stroke-linecap="round"/>
  273.                     </svg>
  274.                 </span>
  275.             </h2>
  276.         </div>
  277.         <div class="c-accordion" data-multiselectable="false" data-component="accordion">
  278.             {% set faq = [
  279.                 { q: "Quel budget prévoir ?", a: "<p>Le budget dépend de votre zone, de vos objectifs et de la concurrence locale. À titre indicatif, un cabinet local ou régional prévoit souvent un budget publicitaire compris entre <strong>500 € et 1 500 € par mois</strong>. Nous vous orientons vers l'enveloppe la plus cohérente lors de l'audit initial.</p>" },
  280.                 { q: "En combien de temps les campagnes peuvent-elles générer des résultats ?", a: "<p>Les campagnes peuvent être lancées rapidement. Les premiers leads peuvent arriver dans les premières semaines, puis les performances se renforcent grâce à l'optimisation continue.</p>" },
  281.                 { q: "Google Ads est-il adapté à un cabinet local ?", a: "<p>Oui. Google Ads permet de cibler précisément votre ville ou votre zone d'intervention pour capter des prospects proches de votre cabinet.</p>" },
  282.                 { q: "Que mesure-t-on concrètement ?", a: "<p>Nous suivons les clics, appels, formulaires, leads et rendez-vous pour piloter les campagnes avec précision.</p><p><em>Nous récoltons et mesurons des informations (conversions) sur les appels et formulaires générés par votre site ou vos annonces Google, ainsi que les engagements effectués sur votre site (prise de RDV, inscription à une newsletter, etc.) ou via votre fiche d'établissement Google (demande d'itinéraire…).</em></p>" },
  283.                 { q: "Faut-il un engagement ?", a: "<p>Un engagement de 4 mois permet d'analyser les performances, d'ajuster la stratégie et d'installer des résultats durables.</p>" },
  284.                 { q: "Et si mon site internet convertit peu ?", a: "<p>Nous pouvons créer des landing pages dédiées pour transformer plus efficacement le trafic en prises de contact.</p>" },
  285.                 { q: "Je fonctionne déjà avec le bouche-à-oreille, pourquoi changer ?", a: "<p>Le bouche-à-oreille est un excellent levier, mais il reste imprévisible. Google Ads permet de :</p><ul><li>sécuriser un flux régulier de prospects</li><li>ne pas dépendre uniquement de votre réseau</li><li>accélérer votre développement sur certaines missions</li></ul><p>L'objectif n'est pas de remplacer vos canaux actuels, mais de les compléter avec un levier pilotable et mesurable.</p>" },
  286.                 { q: "Je crains d'avoir des prospects non qualifiés", a: "<p>C'est précisément l'enjeu d'une campagne bien pilotée. Nous filtrons la qualité des leads à plusieurs niveaux :</p><ul><li>choix des mots-clés (ex : éviter les recherches étudiants ou gratuites)</li><li>rédaction des annonces (positionnement clair sur vos missions et votre cible)</li><li>ciblage géographique précis</li><li>landing pages orientées profils dirigeants</li></ul><p>Résultat : vous recevez des demandes plus cohérentes avec vos missions et votre positionnement.</p>" },
  287.                 { q: "J'ai déjà testé Google Ads, mais ça n'a pas fonctionné", a: "<p>C'est une situation fréquente. Dans la majorité des cas, les campagnes échouent pour 3 raisons :</p><ul><li>ciblage trop large (beaucoup de clics inutiles)</li><li>absence d'optimisation des termes de recherche</li><li>site ou landing page peu performants</li></ul><p>Notre approche corrige ces points en priorité :</p><ul><li>sélection stricte des mots-clés à forte intention</li><li>exclusion continue des recherches non pertinentes</li><li>création de pages dédiées pour améliorer la conversion</li></ul><p>L'objectif n'est pas de générer du trafic, mais <strong>des prises de contact qualifiées</strong>.</p>" },
  288.                 { q: "Je suis déjà visible sur Google, est-ce vraiment utile ?", a: "<p>Oui, car être visible ne signifie pas capter la demande au bon moment. Aujourd'hui, les recherches à forte intention (ex : « expert-comptable création entreprise + ville ») sont souvent dominées par les annonces Google Ads, positionnées au-dessus des résultats naturels.</p><p>Google Ads vous permet :</p><ul><li>d'apparaître immédiatement sur ces recherches stratégiques</li><li>de contrôler précisément les mots-clés sur lesquels vous êtes visible</li><li>de capter des prospects en recherche active, pas seulement du trafic</li></ul><p>Même avec un bon référencement naturel, Google Ads vient <strong>compléter et accélérer votre acquisition</strong>.</p>" }
  289.             ] %}
  290.             {% for item in faq %}
  291.                 <div class="c-accordion__item" data-aos="fade-up" data-aos-delay="{{ 100 + loop.index0 * 40 }}">
  292.                     <div role="heading" aria-level="3">
  293.                         <div id="accordion-trigger-{{ loop.index }}" class="c-accordion__trigger" data-controls="accordion-panel-{{ loop.index }}">
  294.                             <h3>{{ item.q }}</h3>
  295.                             <span class="c-accordion__icon" aria-hidden="true"></span>
  296.                         </div>
  297.                     </div>
  298.                     <div id="accordion-panel-{{ loop.index }}" class="c-accordion__panel">
  299.                         <div class="c-accordion__inner gads-faq-answer">
  300.                             {{ item.a|raw }}
  301.                         </div>
  302.                     </div>
  303.                 </div>
  304.             {% endfor %}
  305.         </div>
  306.     </div>
  308.     {# ===================== FORMULAIRE ===================== #}
  309.     <div id="form__contact"></div>
  310.     <section class="contact-area pt-50 gads-contact">
  311.         <div class="container">
  312.             <div class="row align-items-center">
  313.                 <div class="col-xl-6 col-lg-7">
  314.                     <div class="section-title left" data-aos="fade-right">
  315.                         <span class="gads-overline green">Passez à l'action</span>
  316.                         <span class="gads-contact-arrow" aria-hidden="true">
  317.                             <svg width="113" height="57" viewBox="0 0 113 57" fill="none" xmlns="http://www.w3.org/2000/svg">
  318.                                 <path d="M2.90483 40.1211C13.7262 21.3028 41.1389 -11.1755 64.7944 8.77893C81.6316 22.9818 54.2602 67.284 39.6992 50.9064C25.1381 34.5288 64.2039 -15.5958 108.106 30.5035M96.5749 29.2609L109.697 32.4313L106.667 17.2963" stroke="#FC6F1F" stroke-width="3" stroke-linecap="round"/>
  319.                             </svg>
  320.                         </span>
  321.                         <h2 class="gads-title">
  322.                             Vos futurs clients recherchent déjà un expert-comptable dans votre ville.
  323.                         </h2>
  324.                         <p class="gads-text">
  325.                             Votre cabinet peut capter cette demande avec une stratégie claire, ciblée et performante.
  326.                         </p>
  327.                     </div>
  328.                 </div>
  329.                 <div class="col-xl-6 col-lg-5" data-aos="fade-left">
  330.                     <div class="contact-form" data-aos="fade-left" data-aos-delay="100">
  331.                         <h2 class="title">
  332.                             Je demande mon audit
  333.                             <span class="text-green text-underline gads-underline green">
  334.                                 gratuit
  335.                                 <svg width="150" height="13" viewBox="0 0 150 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  336.                                     <path d="M2.2998 10.07C52.459 2.41211 90 2.41211 147.7 2.41211" stroke="#7CD325" stroke-width="3" stroke-linecap="round"/>
  337.                                 </svg>
  338.                             </span>
  339.                             !
  340.                         </h2>
  341.                         {{ form_start(form_audit) }}
  342.                         {{ form_row(form_audit.page, { "value" : title }) }}
  343.                         {{ form_row(form_audit.name) }}
  344.                         {{ form_row(form_audit.email) }}
  345.                         {{ form_row(form_audit.telephone) }}
  346.                         {{ form_row(form_audit.rgpd) }}
  347.                         {{ form_row(form_audit.captcha) }}
  349.                         <button type="submit" class="btn regular primary">
  350.                             <span>
  351.                                 Envoyer votre demande
  352.                                 <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  353.                                     <path d="M5.88477 2.7334L10.2001 6.85261L5.88477 10.9718" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  354.                                     <path d="M10.1998 6.85266L1.7998 6.85266" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  355.                                 </svg>
  356.                             </span>
  357.                         </button>
  359.                         {# _token rendu explicitement car render_rest est désactivé (champ « message » volontairement masqué : design à 3 champs) #}
  360.                         {{ form_widget(form_audit._token) }}
  361.                         {{ form_end(form_audit, { "render_rest" : false }) }}
  362.                     </div>
  363.                 </div>
  364.             </div>
  365.         </div>
  366.     </section>
  368.     {# ===================== NEWSLETTER ===================== #}
  369.     <section class="newsletter-area">
  370.         <div class="shape-agency">
  371.             <picture>
  372.                 <source srcset="{{ asset('assets/images/agexv4/shapes/logo3D.webp') }}" type="image/webp">
  373.                 <img src="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}" alt="logo agence">
  374.             </picture>
  375.         </div>
  376.         <div class="container">
  377.             <div class="form-container">
  378.                 <h2 class="main-title" data-aos="fade-left">Abonnez-vous à <br> notre newsletter</h2>
  379.                 <p data-aos="fade-right" data-aos-delay="200">Un support indispensable pour les Experts-comptables !</p>
  380.                 {{ form_start(form_news2) }}
  381.                 <div class="input-newsletter" data-aos="fade-left" data-aos-delay="100">
  382.                     <div class="icon">
  383.                         <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  384.                             <g clip-path="url(#clip0_gads_9342)">
  385.                                 <path d="M8.75 10.1904C10.1562 10.1644 11.3411 9.68262 12.3047 8.74512C13.2422 7.78158 13.724 6.59668 13.75 5.19043C13.724 3.78418 13.2422 2.59928 12.3047 1.63574C11.3411 0.698242 10.1562 0.216471 8.75 0.19043C7.34375 0.216471 6.15885 0.698242 5.19531 1.63574C4.25781 2.59928 3.77604 3.78418 3.75 5.19043C3.77604 6.59668 4.25781 7.78158 5.19531 8.74512C6.15885 9.68262 7.34375 10.1644 8.75 10.1904ZM10.7422 12.0654H6.75781C4.85677 12.1175 3.26823 12.7816 1.99219 14.0576C0.716146 15.3337 0.0520833 16.9222 0 18.8232C0 19.2139 0.130208 19.5394 0.390625 19.7998C0.651042 20.0602 0.976562 20.1904 1.36719 20.1904H16.1328C16.5234 20.1904 16.849 20.0602 17.1094 19.7998C17.3698 19.5394 17.5 19.2139 17.5 18.8232C17.4479 16.9222 16.7839 15.3337 15.5078 14.0576C14.2318 12.7816 12.6432 12.1175 10.7422 12.0654Z" fill="#042F35"/>
  386.                             </g>
  387.                             <defs>
  388.                                 <clipPath id="clip0_gads_9342">
  389.                                     <rect width="17.5" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.1904)"/>
  390.                                 </clipPath>
  391.                             </defs>
  392.                         </svg>
  393.                     </div>
  394.                     {{ form_row(form_news2.name) }}
  395.                 </div>
  396.                 <div class="input-newsletter" data-aos="fade-right" data-aos-delay="200">
  397.                     <div class="icon">
  398.                         <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  399.                             <path d="M18.125 3.44043H1.875C1.35417 3.44043 0.911458 3.62272 0.546875 3.9873C0.182292 4.35189 0 4.7946 0 5.31543V16.5654C0 17.0863 0.182292 17.529 0.546875 17.8936C0.911458 18.2581 1.35417 18.4404 1.875 18.4404H18.125C18.6458 18.4404 19.0885 18.2581 19.4531 17.8936C19.8177 17.529 20 17.0863 20 16.5654V5.31543C20 4.7946 19.8177 4.35189 19.4531 3.9873C19.0885 3.62272 18.6458 3.44043 18.125 3.44043ZM18.75 6.05762V16.5654C18.75 16.7347 18.6882 16.8812 18.5645 17.0049C18.4408 17.1286 18.2943 17.1904 18.125 17.1904H1.875C1.70573 17.1904 1.55924 17.1286 1.43555 17.0049C1.31185 16.8812 1.25 16.7347 1.25 16.5654V6.05762L9.58984 13.2842C9.72005 13.3884 9.85026 13.4404 10 13.4404C10.1497 13.4404 10.28 13.3884 10.4102 13.2842L18.75 6.05762Z" fill="#042F35"/>
  400.                         </svg>
  401.                     </div>
  402.                     {{ form_row(form_news2.email) }}
  403.                 </div>
  404.                 <button type="submit" class="btn regular black" data-aos="fade-up" data-aos-delay="300">
  405.                     <span>Je m'inscris à la newsletter</span>
  406.                 </button>
  407.                 {{ form_end(form_news2) }}
  408.             </div>
  409.         </div>
  410.     </section>
  412. {% endblock %}
  414. {% block js %}
  415.     {{ parent() }}
  416.     <script src="{{ asset('/assets/js/carouselLogo.js') }}"></script>
  417. {% endblock %}