templates/Front/fiche-gmb/fiche_gmb.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ title }}{% endblock %}
  4. {% block description %}
  5.     l’agence des Experts-comptables optimise et anime la fiche Google My Business des Experts-comptables pour booster leur référencement local, visibilité et e-réputation.
  6. {% endblock %}
  8. {% block meta_noindex %}
  9. <meta name="robots" content="noindex, nofollow">
  10. {% endblock %}
  12. {% block stylesheets %}
  13.     {{ encore_entry_link_tags('fiche-gmb') }}
  15. {% endblock %}
  17. {% block body %}
  18.     <section class="hero-area">
  19.         <div class="container">
  20.             <div class="row">
  21.                 <div class="col-12">
  22.                     <div class="container-content d-flex flex-column justify-content-center align-items-center" data-aos="zoom-in">
  23.                         <span class="tagline line-none text-center d-block pb-0">optimisez & animez</span>
  24.                         <h1 class="main-title text-center">
  25.                             Votre fiche 
  26.                             <span class="text-secondary">
  27.                                 Google My Business
  28.                             </span>
  29.                         </h1>
  30.                         <p class="text-center">
  31.                             Experts-comptables, vous disposez déjà d'une fiche Google My Business pour votre cabinet ? <br> Dynamisez-la en l'optimisant pour accroître votre visibilité naturelle sur Google ! <br> Prêts à passer à l'action ?
  32.                         </p>
  33.                         <div class="container-btns">
  34.                             <a href="{{ path('contact') }}" class="btn secondary regular">
  35.                                 <span>
  36.                                     Prenons rendez-vous
  37.                                     <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
  38.                                          xmlns="http://www.w3.org/2000/svg">
  39.                                         <path d="M5.88477 1.88086L10.2001 6.00007L5.88477 10.1193" stroke="white"
  40.                                               stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  41.                                         <path d="M10.1998 6L1.7998 6" stroke="white" stroke-width="1.5"
  42.                                               stroke-linecap="round" stroke-linejoin="round"/>
  43.                                     </svg>
  44.                                 </span>
  45.                             </a>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.         </div>
  51.     </section>
  53.     <section class="logo-area bg-secondary-light">
  54.         <div class="container">
  55.             <span class="section-title__tagline">
  56.                 <span class="text-body">Ils nous font</span> confiance
  57.             </span>
  58.         </div>
  59.         <div class="owl-carousel owl-custom" id="client-logos">
  61.         </div>
  62.     </section>
  64.     <section class="advantages-area mt-0 pt-5">
  65.         <div class="container">
  66.             <div class="advantages-header" data-aos="zoom-in">
  67.                 <div class="advantages-overline">LES AVANTAGES</div>
  68.                 <h2 class="advantages-title">
  69.                     Pourquoi optimiser la fiche Google<br class="d-none d-xl-block">
  70.                     My Business de votre <span class="cabinet-highlight">cabinet <svg width="209" height="13" viewBox="0 0 209 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  71.                     <path d="M2.09961 10.0781C86.0996 2.07812 129.695 3.3367 206.9 2.07812" stroke="#7CD325" stroke-width="4" stroke-linecap="round"/>
  72.                     </svg>
  73.                     </span> ?
  74.                 </h2>
  75.                 <p class="advantages-subtitle">
  76.                     Selon Google, une fiche optimisée a 70% de chances supplémentaires d'attirer des visiteurs
  77.                 </p>
  78.             </div>
  79.             
  80.             <div class="advantages-grid">
  81.                 <div class="advantage-card" data-aos="fade-up">
  82.                     <div class="advantage-icon">
  83.                         <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  84.                             <path d="M11.7068 3.96803C13.437 2.38068 15.6996 1.5 18.0476 1.5H18.5003V1.9527C18.5003 4.30071 17.6196 6.56334 16.0322 8.29346L8.82171 16.1526L3.84766 11.1785L11.7068 3.96803Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  85.                             <path d="M4.43101 15.5688L1.5 18.4999" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  86.                             <path d="M6.77566 17.9138L6.18945 18.5" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  87.                             <path d="M2.0862 13.2241L1.5 13.8103" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  88.                             <path d="M11.1729 18.4999L12.6267 12.3447L8.82812 16.155L11.1729 18.4999Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  89.                             <path d="M3.84481 11.1724L7.65513 7.36206L1.5 8.53447L3.84481 11.1724Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  90.                         </svg>
  93.                     </div>
  94.                     <h3 class="advantage-title text-orange">Booster le référencement local</h3>
  95.                     <p class="advantage-description">de votre cabinet d'expertise comptable</p>
  96.                 </div>
  97.                 <div class="advantage-card" data-aos="fade-up" data-aos-delay="200">
  98.                     <div class="advantage-icon">
  100.                         <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  101.                             <path d="M18.5 9.99995C18.5 11.1724 16.4483 17.3275 10 17.3275C3.55172 17.3275 1.5 11.1724 1.5 9.99995C1.5 8.82754 3.55172 2.67236 10 2.67236C16.4483 2.67236 18.5 8.82754 18.5 9.99995Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  102.                             <path d="M9.99975 12.6379C11.4566 12.6379 12.6377 11.4569 12.6377 9.99999C12.6377 8.5431 11.4566 7.36206 9.99975 7.36206C8.54286 7.36206 7.36182 8.5431 7.36182 9.99999C7.36182 11.4569 8.54286 12.6379 9.99975 12.6379Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  103.                         </svg>
  105.                     </div>
  106.                     <h3 class="advantage-title text-orange">Gagner en visibilité</h3>
  107.                     <p class="advantage-description">et augmenter votre crédibilité auprès de vos prospects</p>
  108.                 </div>
  109.                 <div class="advantage-card" data-aos="fade-up" data-aos-delay="400">
  110.                     <div class="advantage-icon">
  112.                         <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  113.                             <g clip-path="url(#clip0_442_3320)">
  114.                                 <path d="M3.63799 13.2241H2.46558V14.9827C2.46558 15.6046 2.71262 16.201 3.15236 16.6408C3.5921 17.0805 4.18852 17.3275 4.8104 17.3275H17.1207C17.7426 17.3275 18.3391 17.0805 18.7788 16.6408C19.2185 16.201 19.4656 15.6046 19.4656 14.9827V13.2241H13.3104C13.3104 13.2241 12.9071 14.3965 10.9656 14.3965C9.02406 14.3965 8.62075 13.2241 8.62075 13.2241H3.63799ZM3.63799 13.2241V3.84478C3.63799 3.53383 3.76151 3.23563 3.98138 3.01576C4.20125 2.79589 4.49946 2.67236 4.8104 2.67236H17.1207C17.4317 2.67236 17.7299 2.79589 17.9498 3.01576C18.1696 3.23563 18.2932 3.53383 18.2932 3.84478V13.2241" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  115.                             </g>
  116.                             <defs>
  117.                                 <clipPath id="clip0_442_3320">
  118.                                     <rect width="20" height="20" fill="white" transform="translate(0.965576)"/>
  119.                                 </clipPath>
  120.                             </defs>
  121.                         </svg>
  122.                     </div>
  123.                     <h3 class="advantage-title text-orange">Gérer votre e-réputation</h3>
  124.                     <p class="advantage-description">Pour renforcer la confiance de vos clients/prospects</p>
  125.                 </div>
  126.             </div>
  127.         </div>
  128.     </section>
  129.     <section class="band-contact-area">
  130.         <div class="container">
  131.             <div class="d-flex flex-column align-items-center">
  132.                 <h2 class="band-title">
  133.                     <div class="icon-rocket">
  134.                                                 <picture>
  135.                           <source srcset="{{ asset('/assets/images/icon/icone-rocket.webp') }}" type="image/webp">
  136.                           <img src="{{ asset('/assets/images/icon/icone-rocket.png') }}" alt="Icone fusée">
  137.                         </picture>
  138.                     </div>
  139.                     l’agence des Experts-comptables optimise et anime votre fiche efficacement
  140.                 </h2>
  141.                 <a href="#form__contact" class="btn regular black">
  142.                     <span>
  143.                         J’optimise ma fiche maintenant
  144.                         <svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  145.                             <path d="M5.38477 0.880859L9.70013 5.00007L5.38477 9.11928" stroke="white"
  146.                                   stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  147.                             <path d="M9.69975 5L1.2998 5" stroke="white" stroke-width="1.5" stroke-linecap="round"
  148.                                   stroke-linejoin="round"/>
  149.                         </svg>
  151.                     </span>
  152.                 </a>
  153.             </div>
  154.         </div>
  155.     </section>
  157.     <section class="steps-timeline-area">
  158.         <div class="container">
  159.             <div class="steps-content">
  160.                 <!-- Colonne de gauche - Titre -->
  161.                 <div class="steps-left">
  162.                     <div class="steps-overline">COMMENT ÇA MARCHE ?</div>
  163.                     <h2 class="steps-title">
  164.                         Les
  165.                         <span class="steps-highlight">
  166.                             3 étapes
  167.                             <svg width="210" height="13" viewBox="0 0 210 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  168.                                 <path d="M2.49023 10.8325C86.4902 2.83252 130.086 4.09109 207.29 2.83252" stroke="#7CD325" stroke-width="4" stroke-linecap="round"/>
  169.                             </svg>
  170.                         </span>
  171.                         clés de<br class="d-none d-xl-block">
  172.                         l'optimisation
  173.                     </h2>
  174.                 </div>
  175.                 
  176.                 <!-- Colonne de droite - Timeline -->
  177.                 <div class="steps-right" data-aos="fade-left">
  178.                     <div class="steps-timeline">
  179.                         <div class="step-item" >
  180.                             <div class="step-number">1</div>
  181.                             <div class="step-content">
  182.                                 <div class="step-text">On complète l’ensemble <span class="text-orange">des champs utiles</span> pour optimiser votre fiche</div>
  183.                             </div>
  184.                         </div>
  185.                         <div class="step-item">
  186.                             <div class="step-number">2</div>
  187.                             <div class="step-content">
  188.                                 <div class="step-text">On renforce la confiance de vos clients en veillant sur votre <span class="text-orange">e-réputation</span></div>
  189.                             </div>
  190.                         </div>
  191.                         <div class="step-item">
  192.                             <div class="step-number">3</div>
  193.                             <div class="step-content">
  194.                                 <div class="step-text"><span class="text-orange">On anime votre fiche</span> avec des actualités liées à votre activité</div>
  195.                             </div>
  196.                         </div>
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.         </div>
  201.     </section>
  205.      <section class="price-area mt-0">
  206.         <div class="container">
  207.             <div class="hero-content">
  208.                 <!-- Carte de prix -->
  209.                 <div class="pricing-card" data-aos="fade-right">
  210.                   <div class="d-flex flex-column align-items-center justify-content-center">
  211.                     <div class="price-main">49€</div>
  212.                     <div class="price-period">HT PAR MOIS</div>
  213.                     <div class="badge-no-commitment">Sans engagement</div>
  214.                   </div>
  215.                     <ul class="features-list">
  216.                       <li class="feature-line"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  217.                         <path d="M9.19336 0.770996C13.782 0.771018 17.502 4.49092 17.502 9.07959C17.5019 13.6682 13.782 17.3882 9.19336 17.3882C4.60469 17.3882 0.884788 13.6683 0.884766 9.07959C0.884766 4.4909 4.60467 0.770996 9.19336 0.770996ZM8.20801 10.481L6.15332 8.42725L5.5 9.07959L4.84766 9.73193L8.33203 13.2163L8.97949 12.4399L13.5947 6.90088L12.1768 5.71924L8.20801 10.481Z" fill="#FC6F1F"/>
  218.                         </svg>
  219.                         Profil complet</li>
  220.                         <li class="feature-line"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  221.                       <path d="M9.19336 0.770996C13.782 0.771018 17.502 4.49092 17.502 9.07959C17.5019 13.6682 13.782 17.3882 9.19336 17.3882C4.60469 17.3882 0.884788 13.6683 0.884766 9.07959C0.884766 4.4909 4.60467 0.770996 9.19336 0.770996ZM8.20801 10.481L6.15332 8.42725L5.5 9.07959L4.84766 9.73193L8.33203 13.2163L8.97949 12.4399L13.5947 6.90088L12.1768 5.71924L8.20801 10.481Z" fill="#FC6F1F"/>
  222.                       </svg>
  223.                       Suivi</li>
  224.                       <li class="feature-line"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  225.                         <path d="M9.19336 0.770996C13.782 0.771018 17.502 4.49092 17.502 9.07959C17.5019 13.6682 13.782 17.3882 9.19336 17.3882C4.60469 17.3882 0.884788 13.6683 0.884766 9.07959C0.884766 4.4909 4.60467 0.770996 9.19336 0.770996ZM8.20801 10.481L6.15332 8.42725L5.5 9.07959L4.84766 9.73193L8.33203 13.2163L8.97949 12.4399L13.5947 6.90088L12.1768 5.71924L8.20801 10.481Z" fill="#FC6F1F"/>
  226.                         </svg>
  227.                         Animation</li>
  228.                     </ul>
  229.                     <a href="#form__contact" class="cta-button btn regular secondary">
  230.                         <span>Ça m'intéresse</span>
  231.                         <span>
  232.                             <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  233.                             <path d="M6.76953 1.95898L11.0849 6.07819L6.76953 10.1974" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  234.                             <path d="M11.0855 6.07812L2.68555 6.07813" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  235.                             </svg>
  236.                         </span>
  237.                     </a>
  238.                 </div>
  239.                 
  240.                 <!-- Texte principal -->
  241.                 <div class="hero-text" data-aos="fade-left" data-aos-delay="300">
  242.                     <div class="hero-overline">DÉCOUVREZ NOTRE OFFRE</div>
  243.                     <h1 class="hero-title">
  244.                         Confiez à l'agence des<br class="d-none d-lg-block">
  245.                         Experts-comptables<br class="d-none d-lg-block">
  246.                         l'animation de votre fiche<br class="d-none d-lg-block">
  247.                         <span class="underlined">
  248.                             Google My Business
  249.                             <svg width="400" height="19" viewBox="0 0 400 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  250.                                 <path d="M2.00065 16.9785C173.216 -2.08325 262.842 1.55993 397.931 7.0511" stroke="white" stroke-width="4" stroke-linecap="round"/>
  251.                             </svg>
  252.                         </span>
  253.                     </h1>
  254.                     <p class="hero-desc">
  255.                         En l'optimisant, vous <span class="text-white">renforcez vos chances d'apparaître en<br class="d-none d-lg-block">
  256.                         tête des résultats</span> de recherches locales sur Google.<br class="d-none d-lg-block">
  257.                         La stratégie d'amélioration de votre visibilité est notre<br class="d-none d-lg-block">
  258.                         priorité. Êtes-vous prêt à en profiter ?
  259.                     </p>
  260.                 </div>
  261.             </div>
  262.         </div>
  263.     </section>
  265.     <section class="rgpd-area">
  266.         <div class="container">
  267.             <div class="section-title center" data-aos="zoom-in">
  268.                         <span class="sub-title text-green">
  269.                             Atteignez vos objectifs
  270.                         </span>
  271.                 <h2 class="title">
  272.                     Grâce à l’optimisation de la fiche Google My Business de votre cabinet
  273.                 </h2>
  274.                 <div class="container-btns">
  275.                     <a href="#form__contact" class="btn primary regular">
  276.                         Contactez-nous
  277.                     </a>
  278.                 </div>
  279.             </div>
  280.             <div class="rgpd-content">
  281.                 <div class="row">
  282.                     <div class="col-lg-6 col-12 left">
  283.                         <div class="rgpd-swiper-container" data-aos="fade-right">
  284.                             <div class="swiper rgpd-swiper" data-controller="swiper-rgpd">
  285.                                 <div class="swiper-wrapper">
  286.                                     <a href="https://www.google.com/search?q=expert+comptable+fidecca+carcasonne&rlz=1C1ONGR_frFR1035FR1035&oq=expert+comptable+fidecca+carcasonne&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIJCAEQIRgKGKAB0gEJODk5NmowajE1qAIAsAIA&sourceid=chrome&ie=UTF-8" target="_blank" class="swiper-slide">
  287.                                                                                 <picture>
  288.                                           <source srcset="{{ asset('/assets/images/google-my-business/Calque 45.webp') }}" type="image/webp">
  289.                                           <img src="{{ asset('/assets/images/google-my-business/Calque 45.png') }}" alt="Image 1"/>
  290.                                         </picture>
  291.                                     </a>
  293.                                 </div>
  294.                             </div>
  295.                             <div class="swiper-navigation">
  296.                                 <div class="swiper-button-prev">
  297.                                 </div>
  298.                                 <div class="swiper-button-next">
  299.                                 </div>
  300.                             </div>
  301.                         </div>
  302.                     </div>
  303.                     <div class="col-lg-6 col-12 right">
  304.                         <div class="rgpd-cadre" data-aos="fade-left" data-aos-delay="300">
  305.                             <div class="rgpd-inner">
  306.                                 <div class="rgpd-content">
  307.                                     <h4>Je découvre une page
  308.                                         optimisée d’un cabinet</h4>
  309.                                     <p>Dynamisez votre impact sur Google auprès de vos prospects avec l'agence des Experts-comptables.</p>
  310.                                     <p>
  311.                                         Vos clients sont satisfaits ? <br>
  312.                                         Partagez-le sur Google My Business.
  313.                                     </p>
  314.                                     <a href="#form__contact" class="btn secondary regular">
  315.                                             <span>
  316.                                                 Avançons ensemble
  317.                                             </span>
  318.                                     </a>
  319.                                 </div>
  320.                             </div>
  321.                         </div>
  322.                     </div>
  323.                 </div>
  324.             </div>
  325.         </div>
  326.     </section>
  329.     <div id="form__contact"></div>
  330.     <section class="contact-area">
  331.         <div class="container">
  332.             <div class="row align-items-center">
  333.                 <div class="col-xl-6 col-lg-7">
  334.                     <div class="section-title left">
  335.                         <span class="sub-title text-green">
  336.                             PRENONS RENDEZ-VOUS !
  337.                         </span>
  338.                         <h2 class="title container-shape">
  339.                             <svg class="shape arrow" width="113" height="57" viewBox="0 0 113 57" fill="none"
  340.                                  xmlns="http://www.w3.org/2000/svg">
  341.                                 <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"
  342.                                       stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/>
  343.                             </svg>
  344.                             Vous avez des questions pour développer la communication de votre cabinet ?
  345.                         </h2>
  346.                         <p>
  347.                             Rudy votre interlocuteur privilégié vous accompagne et vous conseille
  348.                         </p>
  349.                     </div>
  350.                 </div>
  351.                 <div class="col-xl-6 col-lg-5" data-aos="fade-left">
  352.                     <div class="contact-form">
  353.                         <h2 class="title">
  354.                             Votre audit est
  355.                             <span class="text-green text-underline">
  356.                             offert !
  357.                             <svg width="121" height="13" viewBox="0 0 121 13" fill="none"
  358.                                  xmlns="http://www.w3.org/2000/svg">
  359.                                 <path d="M2.2998 10.07C52.459 2.41211 78.8787 2.41211 118.7 2.41211" stroke="#7CD325"
  360.                                       stroke-width="4" stroke-linecap="round"/>
  361.                             </svg>
  362.                         </span>
  363.                         </h2>
  364.                         {{ form_start(form_audit) }}
  365.                         {{ form_row(form_audit.page, { "value" : title }) }}
  367.                         {{ form_widget(form_audit) }}
  369.                         <button type="submit" class="btn regular primary">
  370.                             <span>
  371.                                 Envoyer votre demande
  372.                                 <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
  373.                                      xmlns="http://www.w3.org/2000/svg">
  374.                                     <path d="M5.88477 2.7334L10.2001 6.85261L5.88477 10.9718" stroke="white"
  375.                                           stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  376.                                     <path d="M10.1998 6.85266L1.7998 6.85266" stroke="white" stroke-width="1.5"
  377.                                           stroke-linecap="round" stroke-linejoin="round"/>
  378.                                 </svg>
  379.                             </span>
  380.                         </button>
  382.                         {{ form_end(form_audit) }}
  383.                     </div>
  384.                 </div>
  385.             </div>
  386.         </div>
  387.     </section>
  389.     <section class="newsletter-area">
  390.         <picture class="shape-agency">
  391.             <source srcset="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}"
  392.                     type="image/webp">
  393.             <img src="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}" alt="logo agence">
  394.         </picture>
  395.         <div class="container">
  396.             <div class="form-container">
  397.                 <h2 class="main-title" data-aos="fade-left">Abonnez-vous à <br> notre newsletter</h2>
  398.                 <p data-aos="fade-right" data-aos-delay="200">Un support indispensable pour les Experts-comptables !</p>
  399.                 {{ form_start(form_news2) }}
  400.                 <div class="input-newsletter" data-aos="fade-left" data-aos-delay="100">
  401.                     <div class="icon">
  402.                         <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  403.                             <g clip-path="url(#clip0_434_9342)">
  404.                                 <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.1904ZM8.75 1.44043C9.81771 1.46647 10.7031 1.83105 11.4062 2.53418C12.1094 3.2373 12.474 4.12272 12.5 5.19043C12.474 6.25814 12.1094 7.14355 11.4062 7.84668C10.7031 8.5498 9.81771 8.91439 8.75 8.94043C7.68229 8.91439 6.79688 8.5498 6.09375 7.84668C5.39062 7.14355 5.02604 6.25814 5 5.19043C5.02604 4.12272 5.39062 3.2373 6.09375 2.53418C6.79688 1.83105 7.68229 1.46647 8.75 1.44043ZM10.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.0654ZM16.1328 18.9404H1.36719C1.28906 18.9404 1.25 18.9014 1.25 18.8232C1.30208 17.2607 1.83594 15.9587 2.85156 14.917C3.89323 13.9014 5.19531 13.3675 6.75781 13.3154H10.7422C12.3047 13.3675 13.6068 13.9014 14.6484 14.917C15.6641 15.9587 16.1979 17.2607 16.25 18.8232C16.25 18.9014 16.2109 18.9404 16.1328 18.9404Z" fill="#042F35"/>
  405.                             </g>
  406.                             <defs>
  407.                                 <clipPath id="clip0_434_9342">
  408.                                     <rect width="17.5" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.1904)"/>
  409.                                 </clipPath>
  410.                             </defs>
  411.                         </svg>
  412.                     </div>
  413.                     {{ form_row(form_news2.name) }}
  414.                 </div>
  415.                 <div class="input-newsletter" data-aos="fade-right" data-aos-delay="200">
  416.                     <div class="icon">
  417.                         <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  418.                             <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.125 4.69043C18.1641 4.69043 18.2031 4.69368 18.2422 4.7002C18.2812 4.70671 18.3203 4.71647 18.3594 4.72949L10 11.9951L1.64062 4.72949C1.67969 4.71647 1.71875 4.70671 1.75781 4.7002C1.79688 4.69368 1.83594 4.69043 1.875 4.69043H18.125ZM18.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.65495 13.3363 9.72005 13.3753 9.78516 13.4014C9.85026 13.4274 9.92188 13.4404 10 13.4404C10.0781 13.4404 10.1497 13.4274 10.2148 13.4014C10.2799 13.3753 10.3451 13.3363 10.4102 13.2842L18.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.1904Z" fill="#042F35"/>
  419.                         </svg>
  420.                     </div>
  421.                     {{ form_row(form_news2.email) }}
  422.                 </div>
  423.                 <button type="submit" class="btn regular black" data-aos="fade-up" data-aos-delay="300">
  424.                     <span>
  425.                         Je m’incris à la newsletter
  426.                     </span>
  427.                 </button>
  428.                 {{ form_end(form_news2) }}
  429.             </div>
  430.         </div>
  431.     </section>
  432.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  433. <script src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'></script>
  434.     <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  435.     <script src="{{ asset('/assets/js/carouselLogo.js') }}"></script>
  436. <script>
  438. document.addEventListener("DOMContentLoaded", function(event) {
  439.   const slidees = Array.from(document.querySelectorAll(".slidee"));
  440.   const prevButton = document.querySelector(".prev2");
  441.   const nextButton = document.querySelector(".next2");
  442.   let currentIndex2 = 0;
  444.   function showSlide(index) {
  445.     slidees.forEach(function(slide) {
  446.       slide.classList.remove("active");
  447.     });
  449.     slidees[index].classList.add("active");
  450.   }
  452.   prevButton.addEventListener("click", function() {
  453.     currentIndex2--;
  454.     if (currentIndex2 < 0) {
  455.       currentIndex2 = slidees.length - 1;
  456.     }
  457.     showSlide(currentIndex2);
  458.   });
  460.   nextButton.addEventListener("click", function() {
  461.     currentIndex2++;
  462.     if (currentIndex2 >= slidees.length) {
  463.       currentIndex2 = 0;
  464.     }
  465.     showSlide(currentIndex2);
  466.   });
  468.   // Afficher le premier slide au chargement de la page
  469.   showSlide(currentIndex2);
  470. });
  472. document.addEventListener("DOMContentLoaded", function() {
  474.   var newsletterToDemo = document.getElementById("p-newsletter");
  475.   newsletterToDemo.innerHTML = '<p class="slide-up-newsletter">Je souhaite une démo</p>';
  476. });
  481. let slideIndex = 0;
  482. showSlides();
  484. function moveSlide(n) {
  485.   slideIndex += n;
  486.   showSlides();
  487. }
  489. function showSlides() {
  490.   let slides = document.getElementsByClassName("slide");
  491.   if (slideIndex >= slides.length) {
  492.     slideIndex = 0;
  493.   }
  494.   if (slideIndex < 0) {
  495.     slideIndex = slides.length - 1;
  496.   }
  497.   
  498.   for (let i = 0; i < slides.length; i++) {
  499.     slides[i].classList.remove("active");
  500.   }
  501.   
  502.   slides[slideIndex].classList.add("active");
  503. }
  506. </script>
  507. {% endblock %}