templates/Front/plateforme-de-com/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block meta_noindex %}
  4.     <meta name="robots" content="noindex, nofollow">
  5. {% endblock %}
  7. {% block title %}
  8.     la 1ère Plateforme de Com' pour les cabinets d'expertises comptables
  9. {% endblock %}
  11. {% block description %}
  12.     Agence digitale pour les Experts-comptables : communication spécialisée pour les cabinets. Maximisez votre impact et développez votre clientèle.
  13. {% endblock %}
  15. {% block stylesheets %}
  16.     {{ parent() }}
  18. {% endblock %}
  20. {% block body %}
  21.     <section class="hero-area" data-aos="fade-up">
  22.         <div class="container">
  23.             <div class="row">
  24.                 <div class="col-xl-6 col-lg-6 col-md-12 col-12">
  25.                     <div class="container-content" data-aos="fade-right" data-aos-delay="50">
  26.                         <h1 class="main-title">
  27.                             LA plateforme de <br> com’
  28.                             <span class="text-secondary">
  29.                                 des Experts- <br> comptables
  30.                             </span>
  31.                         </h1>
  32.                         <p>
  33.                             En un clic, pilotez la communication de votre cabinet : une réponse à vos besoins de
  34.                             visibilité, de fidélisation, de croissance et de gain de temps.
  35.                         </p>
  36.                         <div class="container-btns">
  37.                             <a href="#form__contact" class="btn secondary regular">
  38.                                 <span>
  39.                                     Demander une démo
  40.                                     <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
  41.                                          xmlns="http://www.w3.org/2000/svg">
  42.                                         <path d="M5.88477 1.88086L10.2001 6.00007L5.88477 10.1193" stroke="white"
  43.                                               stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  44.                                         <path d="M10.1998 6L1.7998 6" stroke="white" stroke-width="1.5"
  45.                                               stroke-linecap="round" stroke-linejoin="round"/>
  46.                                     </svg>
  47.                                 </span>
  48.                             </a>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  52.                 <div class="col-xl-6 col-lg-6 col-md-12 col-12 d-flex align-items-center">
  53.                     <div id="containerVideoHp" class="container-video rounded" data-aos="zoom-in" data-aos-delay="100">
  54.                         <picture>
  55.                             <img src="{{ asset('/assets/images/agexv4/plateform-de-com/main.png') }}"
  56.                                  alt="miniature vidéo présentation">
  57.                         </picture>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </section>
  63.     <section class="bg-secondary-light module-area">
  64.         <div class="container-module">
  65.             <div class="module">
  66.                 <div class="icon">
  67.                     <svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  68.                         <path d="M0.398438 8C0.398438 3.58172 3.98016 0 8.39844 0L42.3984 0C46.8167 0 50.3984 3.58172 50.3984 8V42C50.3984 46.4183 46.8167 50 42.3984 50H8.39844C3.98016 50 0.398438 46.4183 0.398438 42L0.398438 8Z"
  69.                               fill="white"/>
  70.                         <path d="M8.39844 0.5L42.3984 0.5C46.5406 0.5 49.8984 3.85786 49.8984 8V42C49.8984 46.1421 46.5406 49.5 42.3984 49.5H8.39844C4.2563 49.5 0.898438 46.1421 0.898438 42L0.898438 8C0.898438 3.85787 4.2563 0.5 8.39844 0.5Z"
  71.                               stroke="#042F35" stroke-opacity="0.1"/>
  72.                         <path d="M27.3534 27.2204C27.2159 27.3245 27.0479 27.3805 26.8753 27.3797H23.9216C23.749 27.3805 23.581 27.3245 23.4434 27.2204L17.6955 22.9747C17.3654 22.7309 16.8984 22.9666 16.8984 23.3769V30.5779C16.8984 31.3528 17.2063 32.096 17.7542 32.6439C18.3022 33.1919 19.0454 33.4997 19.8203 33.4997H30.9766C31.7515 33.4997 32.4947 33.1919 33.0426 32.6439C33.5906 32.096 33.8984 31.3528 33.8984 30.5779V23.3769C33.8984 22.9666 33.4314 22.7309 33.1014 22.9747L27.3534 27.2204Z"
  73.                               fill="#042F35"/>
  74.                         <path d="M17.5875 20.9195L24.0533 25.6882C24.1392 25.7516 24.2433 25.7858 24.3501 25.7858H26.4541C26.561 25.7858 26.6652 25.7515 26.7512 25.688L33.2063 20.9195C33.2738 20.8658 33.2848 20.7393 33.2093 20.6976L25.7794 16.5952C25.6615 16.5328 25.5302 16.5002 25.3969 16.5002C25.2635 16.5002 25.1322 16.5328 25.0144 16.5952L17.573 20.735C17.5093 20.7704 17.5248 20.8824 17.5875 20.9195Z"
  75.                               fill="#042F35"/>
  76.                     </svg>
  77.                 </div>
  78.                 <div class="content">
  79.                     Campagne emailing/SMS
  80.                 </div>
  81.             </div>
  82.             <div class="module">
  83.                 <div class="icon">
  84.                     <svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  85.                         <path d="M0.199219 8C0.199219 3.58172 3.78094 0 8.19922 0L42.1992 0C46.6175 0 50.1992 3.58172 50.1992 8V42C50.1992 46.4183 46.6175 50 42.1992 50H8.19922C3.78094 50 0.199219 46.4183 0.199219 42L0.199219 8Z"
  86.                               fill="white"/>
  87.                         <path d="M8.19922 0.5L42.1992 0.5C46.3414 0.5 49.6992 3.85786 49.6992 8V42C49.6992 46.1421 46.3414 49.5 42.1992 49.5H8.19922C4.05708 49.5 0.699219 46.1421 0.699219 42L0.699219 8C0.699219 3.85787 4.05708 0.5 8.19922 0.5Z"
  88.                               stroke="#042F35" stroke-opacity="0.1"/>
  89.                         <path d="M31.7761 17.3606C31.5068 17.0876 31.1859 16.8709 30.832 16.7231C30.4781 16.5754 30.0983 16.4995 29.7148 16.5H20.6836C19.9104 16.5056 19.1704 16.8152 18.6237 17.3619C18.0769 17.9087 17.7673 18.6487 17.7617 19.4219V30.5781C17.7673 31.3513 18.0769 32.0913 18.6237 32.6381C19.1704 33.1848 19.9104 33.4944 20.6836 33.5H29.7148C30.4881 33.4944 31.228 33.1848 31.7748 32.6381C32.3215 32.0913 32.6312 31.3513 32.6367 30.5781V19.4219C32.6366 19.0385 32.5605 18.6589 32.4128 18.3051C32.2651 17.9513 32.0487 17.6303 31.7761 17.3606ZM19.3873 19.1563C19.4313 18.8996 19.5582 18.6645 19.7486 18.4869C19.87 18.3619 20.0154 18.2626 20.176 18.1951C20.3367 18.1275 20.5093 18.0931 20.6836 18.0938H29.7148C29.8891 18.0931 30.0617 18.1275 30.2224 18.1951C30.383 18.2626 30.5284 18.3619 30.6498 18.4869C30.8395 18.6666 30.9693 18.9003 31.0217 19.1563H19.3873Z"
  90.                               fill="#042F35"/>
  91.                         <path d="M28.6523 30.3125H28.1211C27.9097 30.3125 27.7071 30.2285 27.5576 30.0791C27.4082 29.9297 27.3242 29.727 27.3242 29.5156C27.3242 29.3043 27.4082 29.1016 27.5576 28.9521C27.7071 28.8027 27.9097 28.7188 28.1211 28.7188H28.6523C28.8637 28.7188 29.0664 28.8027 29.2158 28.9521C29.3653 29.1016 29.4492 29.3043 29.4492 29.5156C29.4492 29.727 29.3653 29.9297 29.2158 30.0791C29.0664 30.2285 28.8637 30.3125 28.6523 30.3125Z"
  92.                               fill="white"/>
  93.                         <path d="M25.4648 30.3125H24.9336C24.7222 30.3125 24.5196 30.2285 24.3701 30.0791C24.2207 29.9297 24.1367 29.727 24.1367 29.5156C24.1367 29.3043 24.2207 29.1016 24.3701 28.9521C24.5196 28.8027 24.7222 28.7188 24.9336 28.7188H25.4648C25.6762 28.7188 25.8789 28.8027 26.0283 28.9521C26.1778 29.1016 26.2617 29.3043 26.2617 29.5156C26.2617 29.727 26.1778 29.9297 26.0283 30.0791C25.8789 30.2285 25.6762 30.3125 25.4648 30.3125Z"
  94.                               fill="white"/>
  95.                         <path d="M22.2773 30.3125H21.7461C21.5347 30.3125 21.3321 30.2285 21.1826 30.0791C21.0332 29.9297 20.9492 29.727 20.9492 29.5156C20.9492 29.3043 21.0332 29.1016 21.1826 28.9521C21.3321 28.8027 21.5347 28.7188 21.7461 28.7188H22.2773C22.4887 28.7188 22.6914 28.8027 22.8408 28.9521C22.9903 29.1016 23.0742 29.3043 23.0742 29.5156C23.0742 29.727 22.9903 29.9297 22.8408 30.0791C22.6914 30.2285 22.4887 30.3125 22.2773 30.3125Z"
  96.                               fill="white"/>
  97.                         <path d="M28.6523 27.125H28.1211C27.9097 27.125 27.7071 27.041 27.5576 26.8916C27.4082 26.7422 27.3242 26.5395 27.3242 26.3281C27.3242 26.1168 27.4082 25.9141 27.5576 25.7646C27.7071 25.6152 27.9097 25.5312 28.1211 25.5312H28.6523C28.8637 25.5312 29.0664 25.6152 29.2158 25.7646C29.3653 25.9141 29.4492 26.1168 29.4492 26.3281C29.4492 26.5395 29.3653 26.7422 29.2158 26.8916C29.0664 27.041 28.8637 27.125 28.6523 27.125Z"
  98.                               fill="white"/>
  99.                         <path d="M25.4648 27.125H24.9336C24.7222 27.125 24.5196 27.041 24.3701 26.8916C24.2207 26.7422 24.1367 26.5395 24.1367 26.3281C24.1367 26.1168 24.2207 25.9141 24.3701 25.7646C24.5196 25.6152 24.7222 25.5312 24.9336 25.5312H25.4648C25.6762 25.5312 25.8789 25.6152 26.0283 25.7646C26.1778 25.9141 26.2617 26.1168 26.2617 26.3281C26.2617 26.5395 26.1778 26.7422 26.0283 26.8916C25.8789 27.041 25.6762 27.125 25.4648 27.125Z"
  100.                               fill="white"/>
  101.                         <path d="M22.2773 27.125H21.7461C21.5347 27.125 21.3321 27.041 21.1826 26.8916C21.0332 26.7422 20.9492 26.5395 20.9492 26.3281C20.9492 26.1168 21.0332 25.9141 21.1826 25.7646C21.3321 25.6152 21.5347 25.5312 21.7461 25.5312H22.2773C22.4887 25.5312 22.6914 25.6152 22.8408 25.7646C22.9903 25.9141 23.0742 26.1168 23.0742 26.3281C23.0742 26.5395 22.9903 26.7422 22.8408 26.8916C22.6914 27.041 22.4887 27.125 22.2773 27.125Z"
  102.                               fill="white"/>
  103.                         <path d="M28.6523 23.9375H28.1211C27.9097 23.9375 27.7071 23.8535 27.5576 23.7041C27.4082 23.5547 27.3242 23.352 27.3242 23.1406C27.3242 22.9293 27.4082 22.7266 27.5576 22.5771C27.7071 22.4277 27.9097 22.3438 28.1211 22.3438H28.6523C28.8637 22.3438 29.0664 22.4277 29.2158 22.5771C29.3653 22.7266 29.4492 22.9293 29.4492 23.1406C29.4492 23.352 29.3653 23.5547 29.2158 23.7041C29.0664 23.8535 28.8637 23.9375 28.6523 23.9375Z"
  104.                               fill="white"/>
  105.                         <path d="M25.4648 23.9375H24.9336C24.7222 23.9375 24.5196 23.8535 24.3701 23.7041C24.2207 23.5547 24.1367 23.352 24.1367 23.1406C24.1367 22.9293 24.2207 22.7266 24.3701 22.5771C24.5196 22.4277 24.7222 22.3438 24.9336 22.3438H25.4648C25.6762 22.3438 25.8789 22.4277 26.0283 22.5771C26.1778 22.7266 26.2617 22.9293 26.2617 23.1406C26.2617 23.352 26.1778 23.5547 26.0283 23.7041C25.8789 23.8535 25.6762 23.9375 25.4648 23.9375Z"
  106.                               fill="white"/>
  107.                         <path d="M22.2773 23.9375H21.7461C21.5347 23.9375 21.3321 23.8535 21.1826 23.7041C21.0332 23.5547 20.9492 23.352 20.9492 23.1406C20.9492 22.9293 21.0332 22.7266 21.1826 22.5771C21.3321 22.4277 21.5347 22.3438 21.7461 22.3438H22.2773C22.4887 22.3438 22.6914 22.4277 22.8408 22.5771C22.9903 22.7266 23.0742 22.9293 23.0742 23.1406C23.0742 23.352 22.9903 23.5547 22.8408 23.7041C22.6914 23.8535 22.4887 23.9375 22.2773 23.9375Z"
  108.                               fill="white"/>
  109.                     </svg>
  110.                 </div>
  111.                 <div class="content">
  112.                     Événement
  113.                 </div>
  114.             </div>
  115.             <div class="module">
  116.                 <div class="icon">
  117.                     <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  118.                         <path d="M0 8C0 3.58172 3.58172 0 8 0L42 0C46.4183 0 50 3.58172 50 8V42C50 46.4183 46.4183 50 42 50H8C3.58172 50 0 46.4183 0 42L0 8Z"
  119.                               fill="white"/>
  120.                         <path d="M8 0.5L42 0.5C46.1421 0.5 49.5 3.85786 49.5 8V42C49.5 46.1421 46.1421 49.5 42 49.5H8C3.85787 49.5 0.5 46.1421 0.5 42L0.5 8C0.500001 3.85787 3.85786 0.5 8 0.5Z"
  121.                               stroke="#042F35" stroke-opacity="0.1"/>
  122.                         <path d="M34 23.2068C33.9911 23.4187 33.879 23.6608 33.6616 23.852C32.791 24.6168 31.9199 25.3809 31.0484 26.1442C30.6415 26.5013 30.234 26.8578 29.826 27.2137C29.7677 27.2644 29.7528 27.3093 29.7708 27.3879C30.084 28.7567 30.3947 30.1261 30.7028 31.496C30.7652 31.7713 30.8266 32.0471 30.894 32.3214C30.9923 32.7277 30.8668 33.1292 30.5501 33.3565C30.2017 33.6065 29.8317 33.6228 29.4634 33.4043C28.2903 32.7069 27.1187 32.0068 25.9486 31.3038C25.6754 31.1406 25.3989 30.9812 25.1302 30.812C25.0404 30.7553 24.9751 30.7548 24.8829 30.8103C23.4599 31.6644 22.0339 32.5133 20.6126 33.3673C20.3107 33.5484 20.0024 33.6165 19.6688 33.4796C19.2274 33.2984 18.9968 32.8343 19.1065 32.352C19.4167 30.9869 19.7274 29.6218 20.0385 28.2567C20.104 27.9699 20.1626 27.6809 20.2335 27.3963C20.2541 27.3141 20.2398 27.2656 20.1774 27.2113C19.6427 26.7462 19.1093 26.2796 18.5773 25.8113C17.8319 25.1569 17.0836 24.5071 16.3425 23.848C16.0399 23.5793 15.9252 23.2364 16.0493 22.8442C16.1733 22.452 16.4505 22.2159 16.864 22.1734C17.5967 22.0983 18.3307 22.0355 19.0641 21.9683C19.7897 21.9019 20.5153 21.8359 21.2409 21.7704C21.4827 21.7487 21.7246 21.7243 21.9667 21.7059C22.0446 21.7001 22.0862 21.666 22.1154 21.595C22.7726 20.0506 23.4309 18.5069 24.0904 16.9638C24.2725 16.5372 24.5978 16.2989 25.0112 16.3097C25.4247 16.3204 25.723 16.5224 25.8869 16.9021C26.3331 17.9353 26.7736 18.9709 27.2159 20.0059C27.4411 20.5317 27.6667 21.0589 27.888 21.5871C27.9219 21.6684 27.9704 21.6999 28.0553 21.7066C28.6384 21.756 29.2214 21.8078 29.8042 21.8619C30.6528 21.9391 31.5013 22.0168 32.3497 22.0952C32.6193 22.1191 32.8891 22.143 33.158 22.1731C33.647 22.2309 34.0038 22.6389 34 23.2068Z"
  123.                               fill="#042F35"/>
  124.                     </svg>
  125.                 </div>
  126.                 <div class="content">
  127.                     Satisfaction client
  128.                 </div>
  129.             </div>
  130.             <div class="module">
  131.                 <div class="icon">
  132.                     <svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  133.                         <path d="M0.296875 8C0.296875 3.58172 3.8786 0 8.29688 0L42.2969 0C46.7152 0 50.2969 3.58172 50.2969 8V42C50.2969 46.4183 46.7152 50 42.2969 50H8.29688C3.8786 50 0.296875 46.4183 0.296875 42L0.296875 8Z"
  134.                               fill="white"/>
  135.                         <path d="M8.29688 0.5L42.2969 0.5C46.439 0.5 49.7969 3.85786 49.7969 8V42C49.7969 46.1421 46.439 49.5 42.2969 49.5H8.29688C4.15474 49.5 0.796875 46.1421 0.796875 42L0.796875 8C0.796876 3.85787 4.15474 0.5 8.29688 0.5Z"
  136.                               stroke="#042F35" stroke-opacity="0.1"/>
  137.                         <path d="M27.5819 26.2936C26.6276 26.2936 25.7124 25.9145 25.0377 25.2397C24.3629 24.565 23.9838 23.6498 23.9838 22.6955V16.5984C22.4344 16.8393 20.9819 17.5045 19.7873 18.5204C18.5928 19.5362 17.7029 20.8629 17.2162 22.3536C16.7295 23.8442 16.6651 25.4405 17.0301 26.9655C17.3951 28.4905 18.1752 29.8846 19.284 30.9934C20.3928 32.1022 21.7869 32.8823 23.3119 33.2473C24.8369 33.6123 26.4332 33.5479 27.9238 33.0612C29.4145 32.5745 30.7412 31.6846 31.757 30.4901C32.7729 29.2955 33.4381 27.843 33.679 26.2936H27.5819Z"
  138.                               fill="#042F35"/>
  139.                         <path d="M25.9458 16.5198V22.6954C25.9405 22.9134 25.979 23.1303 26.0588 23.3333C26.1387 23.5363 26.2583 23.7213 26.4107 23.8773C26.5631 24.0334 26.7452 24.1574 26.9462 24.242C27.1472 24.3266 27.3632 24.3702 27.5813 24.3701H33.7961C33.6477 22.3373 32.7729 20.4256 31.3316 18.9843C29.8903 17.543 27.9787 16.6683 25.9458 16.5198Z"
  140.                               fill="#042F35"/>
  141.                     </svg>
  142.                 </div>
  143.                 <div class="content">
  144.                     Sondage
  145.                 </div>
  146.             </div>
  147.             <div class="module">
  148.                 <div class="icon">
  149.                     <svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
  150.                         <path d="M0.597656 8C0.597656 3.58172 4.17938 0 8.59766 0L42.5977 0C47.0159 0 50.5977 3.58172 50.5977 8V42C50.5977 46.4183 47.0159 50 42.5977 50H8.59766C4.17938 50 0.597656 46.4183 0.597656 42L0.597656 8Z"
  151.                               fill="white"/>
  152.                         <path d="M8.59766 0.5L42.5977 0.5C46.7398 0.5 50.0977 3.85786 50.0977 8V42C50.0977 46.1421 46.7398 49.5 42.5977 49.5H8.59766C4.45552 49.5 1.09766 46.1421 1.09766 42L1.09766 8C1.09766 3.85787 4.45552 0.5 8.59766 0.5Z"
  153.                               stroke="#042F35" stroke-opacity="0.1"/>
  154.                         <path d="M21.1172 16.5C20.0613 16.5028 19.0495 16.9235 18.3029 17.6701C17.5563 18.4167 17.1356 19.4285 17.1328 20.4844V29.5156C17.1356 30.5715 17.5563 31.5833 18.3029 32.3299C19.0495 33.0765 20.0613 33.4972 21.1172 33.5H29.8828V16.5H21.1172Z"
  155.                               fill="#042F35"/>
  156.                         <path d="M26.0672 24.373C26.4629 23.9748 26.6851 23.4362 26.6851 22.8748C26.6851 22.3135 26.4629 21.7749 26.0672 21.3767C25.669 20.9809 25.1304 20.7588 24.569 20.7588C24.0076 20.7588 23.4691 20.9809 23.0709 21.3767C22.8485 21.5672 22.6678 21.8016 22.5402 22.0653C22.4127 22.3289 22.341 22.6161 22.3297 22.9087C22.3184 23.2014 22.3677 23.4932 22.4746 23.7659C22.5814 24.0386 22.7434 24.2863 22.9505 24.4934C23.1576 24.7004 23.4053 24.8625 23.678 24.9693C23.9507 25.0762 24.2425 25.1255 24.5351 25.1142C24.8278 25.1029 25.115 25.0312 25.3786 24.9036C25.6422 24.7761 25.8767 24.5954 26.0672 24.373ZM24.0378 22.8748C24.0365 22.787 24.0571 22.7001 24.0977 22.6222C24.1383 22.5442 24.1976 22.4775 24.2703 22.4281C24.343 22.3786 24.4268 22.348 24.5142 22.339C24.6017 22.3299 24.69 22.3427 24.7713 22.3762C24.8525 22.4096 24.9242 22.4627 24.9799 22.5307C25.0356 22.5987 25.0736 22.6795 25.0904 22.7658C25.1072 22.852 25.1024 22.9412 25.0763 23.0251C25.0502 23.109 25.0037 23.1852 24.9409 23.2467C24.8416 23.3441 24.7081 23.3986 24.569 23.3986C24.43 23.3986 24.2965 23.3441 24.1972 23.2467C24.1461 23.1993 24.1056 23.1417 24.0781 23.0776C24.0507 23.0136 24.0369 22.9445 24.0378 22.8748Z"
  157.                               fill="white"/>
  158.                         <path d="M21.4572 28.1237C21.4112 28.219 21.3849 28.3225 21.3798 28.4282C21.3747 28.5338 21.3911 28.6394 21.4278 28.7386C21.4645 28.8378 21.5208 28.9286 21.5934 29.0055C21.666 29.0824 21.7534 29.1439 21.8503 29.1862C21.9458 29.2308 22.0492 29.2559 22.1544 29.2602C22.2597 29.2645 22.3648 29.2479 22.4636 29.2114C22.5624 29.1748 22.653 29.119 22.7301 29.0472C22.8072 28.9754 22.8693 28.8891 22.9128 28.7931C23.0631 28.4734 23.2959 28.1995 23.5872 27.9996C23.8786 27.7998 24.2179 27.6813 24.5703 27.6562C24.9235 27.6784 25.2643 27.7945 25.5576 27.9925C25.8508 28.1905 26.0859 28.4632 26.2385 28.7825C26.2993 28.923 26.4003 29.0424 26.5289 29.1256C26.6575 29.2088 26.8078 29.2521 26.961 29.25C27.075 29.2508 27.1877 29.2253 27.2903 29.1756C27.3872 29.1333 27.4746 29.0718 27.5472 28.9949C27.6198 28.918 27.6762 28.8272 27.7129 28.728C27.7496 28.6288 27.7659 28.5232 27.7608 28.4176C27.7558 28.3119 27.7295 28.2084 27.6835 28.1131C27.4048 27.5169 26.9664 27.0097 26.4168 26.6477C25.8672 26.2857 25.2281 26.0831 24.5703 26.0625C23.9114 26.0841 23.2715 26.2882 22.7218 26.6522C22.1721 27.0161 21.7343 27.5256 21.4572 28.1237Z"
  159.                               fill="white"/>
  160.                         <path d="M33.5167 16.9645C33.3439 16.8162 33.1384 16.6988 32.9123 16.6191C32.6861 16.5394 32.4437 16.4989 32.1992 16.5H31.4023V17.857V19.2321C31.4023 19.3529 31.4583 19.4687 31.5579 19.5541C31.6576 19.6395 31.7927 19.6875 31.9336 19.6875H34.0586V18.0938C34.0599 17.8842 34.0127 17.6764 33.9197 17.4826C33.8266 17.2887 33.6897 17.1126 33.5167 16.9645Z"
  161.                               fill="#042F35"/>
  162.                         <path d="M33.5167 33.0345C33.3439 33.1828 33.1384 33.3002 32.9123 33.3799C32.6861 33.4596 32.4437 33.5001 32.1992 33.499H31.4023V32.142V30.7669C31.4023 30.6461 31.4583 30.5303 31.5579 30.4449C31.6576 30.3595 31.7927 30.3115 31.9336 30.3115H34.0586V31.9053C34.0599 32.1149 34.0127 32.3226 33.9197 32.5164C33.8266 32.7103 33.6897 32.8864 33.5167 33.0345Z"
  163.                               fill="#042F35"/>
  164.                         <path d="M33.5273 21.1038H31.9336C31.6402 21.1038 31.4023 21.3076 31.4023 21.5591V23.8359C31.4023 24.0874 31.6402 24.2913 31.9336 24.2913H33.5273C33.8207 24.2913 34.0586 24.0874 34.0586 23.8359V21.5591C34.0586 21.3076 33.8207 21.1038 33.5273 21.1038Z"
  165.                               fill="#042F35"/>
  166.                         <path d="M33.5273 25.7075H31.9336C31.6402 25.7075 31.4023 25.9114 31.4023 26.1629V28.4397C31.4023 28.6911 31.6402 28.895 31.9336 28.895H33.5273C33.8207 28.895 34.0586 28.6911 34.0586 28.4397V26.1629C34.0586 25.9114 33.8207 25.7075 33.5273 25.7075Z"
  167.                               fill="#042F35"/>
  168.                     </svg>
  169.                 </div>
  170.                 <div class="content">
  171.                     Parrainage
  172.                 </div>
  173.             </div>
  174.         </div>
  175.     </section>
  176.     <section class="logo-area inline bg-secondary-light">
  177.         <div class="container-logo">
  178.                 <span class="section-title__tagline" data-aos="fade-up">
  179.                     <span class="text-body">+500 cabinets</span>
  180.                     nous font déjà confiance
  181.                 </span>
  182.             <div class="owl-carousel owl-custom" id="client-logos" data-aos="zoom-in" data-aos-delay="100">
  184.             </div>
  185.         </div>
  187.     </section>
  189.     {{ include('Front/testimonials/_testimonial-area.html.twig') }}
  191.     <section class="bg-secondary-light need-area">
  192.         <div class="container">
  193.             <div class="section-title left w-50 container-icon-rocket">
  194.                 <div class="icon-rocket">
  195.                     <picture>
  196.                         <source srcset="{{ asset('/assets/images/icon/icone-rocket.webp') }}" type="image/webp">
  197.                         <img src="{{ asset('/assets/images/icon/icone-rocket.png') }}" alt="Icone fusée">
  198.                     </picture>
  199.                 </div>
  200.                 <h2 class="title">
  201.                     Pensée pour vous,
  202.                     <span class="text-green text-underline big-word">
  203.                         construite avec vous
  204.                         <svg width="357" height="18" viewBox="0 0 357 18" fill="none"
  205.                              xmlns="http://www.w3.org/2000/svg">
  206.                             <path d="M2 16C143.469 2 224.975 4.2025 355 2" stroke="#7CD325" stroke-width="4"
  207.                                   stroke-linecap="round"/>
  208.                         </svg>
  211.                     </span>
  212.                     !
  213.                 </h2>
  214.                 <p>
  215.                     Cette plateforme a été co-construite avec des Experts-comptables pour répondre à leurs besoins réels
  216.                     en communication, grâce à des solutions simples et adaptées.
  217.                 </p>
  218.             </div>
  219.             <div class="container-need-cards">
  220.                 <div class="need-card">
  221.                     <svg width="47" height="48" viewBox="0 0 47 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  222.                         <path d="M0 8C0 3.58172 3.58172 0 8 0L39 0C43.4183 0 47 3.58172 47 8V40C47 44.4183 43.4183 48 39 48H8C3.58172 48 0 44.4183 0 40L0 8Z"
  223.                               fill="#FC6F1F"/>
  224.                         <path d="M25.6064 16.5486C27.7446 14.5878 30.5406 13.4999 33.4421 13.4999H34.0015V14.0591C34.0015 16.9596 32.9132 19.7546 30.9516 21.8918L22.0412 31.6001L15.8945 25.4557L25.6064 16.5486Z"
  225.                               stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  226.                         <path d="M16.622 30.8794L13 34.5001" stroke="white" stroke-width="1.5" stroke-linecap="round"
  227.                               stroke-linejoin="round"/>
  228.                         <path d="M19.5213 33.7761L18.7969 34.5002" stroke="white" stroke-width="1.5"
  229.                               stroke-linecap="round" stroke-linejoin="round"/>
  230.                         <path d="M13.7244 27.9828L13 28.707" stroke="white" stroke-width="1.5" stroke-linecap="round"
  231.                               stroke-linejoin="round"/>
  232.                         <path d="M24.9445 34.4999L26.741 26.8965L22.0469 31.6034L24.9445 34.4999Z" stroke="white"
  233.                               stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  234.                         <path d="M15.8976 25.4482L20.6062 20.7413L13 22.1896L15.8976 25.4482Z" stroke="white"
  235.                               stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  236.                     </svg>
  237.                     <p>
  238.                         Interface fluide et intuitive, sans formation
  239.                     </p>
  240.                 </div>
  241.                 <div class="need-card">
  242.                     <svg width="47" height="48" viewBox="0 0 47 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  243.                         <path d="M0 8C0 3.58172 3.58172 0 8 0L39 0C43.4183 0 47 3.58172 47 8V40C47 44.4183 43.4183 48 39 48H8C3.58172 48 0 44.4183 0 40L0 8Z"
  244.                               fill="#042F35"/>
  245.                         <path d="M31.3167 25.3416C32.4223 24.7889 32.4223 23.2111 31.3167 22.6584L15.1708 14.5854C14.1735 14.0867 13 14.812 13 15.9271V32.0729C13 33.188 14.1735 33.9133 15.1708 33.4146L31.3167 25.3416Z"
  246.                               stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  247.                     </svg>
  248.                     <p>
  249.                         Modules adaptés à ton quotidien
  250.                     </p>
  251.                 </div>
  252.                 <div class="need-card">
  253.                     <svg width="53" height="53" viewBox="0 0 53 53" fill="none" xmlns="http://www.w3.org/2000/svg">
  254.                         <path d="M0 8C0 3.58172 3.58172 0 8 0L45 0C49.4183 0 53 3.58172 53 8V45C53 49.4183 49.4183 53 45 53H8C3.58172 53 0 49.4183 0 45L0 8Z"
  255.                               fill="#7CD325"/>
  256.                         <path d="M15.7227 14.0001H37.2742M17.4468 14.0001H35.5501V16.1553C35.5501 21.1544 31.4975 25.207 26.4984 25.207C21.4994 25.207 17.4468 21.1544 17.4468 16.1553V14.0001Z"
  257.                               stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  258.                         <path d="M21.3047 23.0517H31.6494" stroke="white" stroke-width="1.5" stroke-linecap="round"
  259.                               stroke-linejoin="round"/>
  260.                         <path d="M15.7227 38.9997H37.2742M17.4468 38.9997H35.5501V35.9825C35.5501 30.9833 31.4975 26.9307 26.4984 26.9307C21.4994 26.9307 17.4468 30.9833 17.4468 35.9825V38.9997Z"
  261.                               stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  262.                     </svg>
  263.                     <p>
  264.                         Déploiement immédiat
  265.                     </p>
  266.                 </div>
  267.                 <div class="need-card">
  268.                     <svg width="53" height="53" viewBox="0 0 53 53" fill="none" xmlns="http://www.w3.org/2000/svg">
  269.                         <path d="M0 8C0 3.58172 3.58172 0 8 0L45 0C49.4183 0 53 3.58172 53 8V45C53 49.4183 49.4183 53 45 53H8C3.58172 53 0 49.4183 0 45L0 8Z"
  270.                               fill="#DDED59"/>
  271.                         <path d="M27.054 12.9375C20.38 12.9375 17.043 18.0721 17.043 22.7399C17.043 30.2085 22.7635 31.142 22.7635 33.9427V38.1447C22.7635 39.1759 23.6172 40.0109 24.6704 40.0109H29.4375C30.4907 40.0109 31.3444 39.1759 31.3444 38.1447V33.9427C31.3444 31.142 37.065 30.2085 37.065 22.7399C37.065 18.0721 33.728 12.9375 27.054 12.9375Z"
  272.                               stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  273.                         <path d="M23.2305 35.3428H30.8579" stroke="white" stroke-width="2" stroke-linecap="round"
  274.                               stroke-linejoin="round"/>
  275.                     </svg>
  276.                     <p>
  277.                         Suggestion de modules ? On les développe sans surcoût
  278.                     </p>
  279.                 </div>
  280.             </div>
  281.             <div class="container-bottom">
  282.                 <p>
  283.                     Parce que chaque évolution bénéficie à toute la communauté. C'est ça, la force du collectif.
  284.                     Ensemble, on va plus loin.
  285.                 </p>
  286.                 <a href="#form__contact" class="btn regular black">
  287.                     <span>
  288.                         Je souhaite une démo
  289.                         <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  290.                             <path d="M5.88672 1.8808L10.2021 6.00001L5.88672 10.1192" stroke="white" stroke-width="1.5"
  291.                                   stroke-linecap="round" stroke-linejoin="round"/>
  292.                             <path d="M10.2007 6L1.80078 6" stroke="white" stroke-width="1.5" stroke-linecap="round"
  293.                                   stroke-linejoin="round"/>
  294.                         </svg>
  295.                     </span>
  296.                 </a>
  297.             </div>
  298.         </div>
  299.     </section>
  300.     <section class="table-area">
  301.         <div class="container">
  302.             <div class="section-title" data-aos="fade-up">
  303.                 <h2 class="title container-icon-smile">
  304.                     Ce que vous pouvez faire avec <br> votre
  305.                     <span class="text-orange">plateforme de com’</span>
  306.                     <img class="icon-smiley" src="{{ asset('assets/images/icon/icon-smile.png') }}" alt="Mégaphone">
  307.                 </h2>
  308.             </div>
  309.             <div class="container-pricing-tables">
  310.                 <div class="pricing-tables">
  312.                     <!-- Communication directe -->
  313.                     <div class="table-block">
  314.                         <h2 class="table-title">Communication directe</h2>
  315.                         <table class="features-table">
  316.                             <thead>
  317.                             <tr>
  318.                                 <th class="col-feature">Fonctionnalité</th>
  319.                                 <th class="col-included">Inclus</th>
  320.                             </tr>
  321.                             </thead>
  322.                             <tbody>
  323.                             <tr>
  324.                                 <td>Envoi de campagne d’emailing (250 mails/mois*)</td>
  325.                                 <td class="check"><span class="icon-check">✔</span></td>
  326.                             </tr>
  327.                             <tr>
  328.                                 <td>Envoi de campagne SMS (50 sms/mois*)</td>
  329.                                 <td class="check"><span class="icon-check">✔</span></td>
  330.                             </tr>
  331.                             <tr>
  332.                                 <td>Création de sondages en ligne</td>
  333.                                 <td class="check"><span class="icon-check">✔</span></td>
  334.                             </tr>
  335.                             <tr>
  336.                                 <td>Événements physique et/ou visio</td>
  337.                                 <td class="check"><span class="icon-check">✔</span></td>
  338.                             </tr>
  339.                             </tbody>
  340.                         </table>
  341.                     </div>
  343.                     <!-- Relation client & fidélisation -->
  344.                     <div class="table-block">
  345.                         <h2 class="table-title">Relation client & fidélisation</h2>
  346.                         <table class="features-table">
  347.                             <thead>
  348.                             <tr>
  349.                                 <th class="col-feature">Fonctionnalité</th>
  350.                                 <th class="col-included">Inclus</th>
  351.                             </tr>
  352.                             </thead>
  353.                             <tbody>
  354.                             <tr>
  355.                                 <td>Offres de parrainage</td>
  356.                                 <td class="check"><span class="icon-check">✔</span></td>
  357.                             </tr>
  358.                             <tr>
  359.                                 <td>Demande de recommandation</td>
  360.                                 <td class="check"><span class="icon-check">✔</span></td>
  361.                             </tr>
  362.                             <tr>
  363.                                 <td>Tutoriels pour clients et collaborateurs</td>
  364.                                 <td class="check"><span class="icon-check">✔</span></td>
  365.                             </tr>
  366.                             <tr>
  367.                                 <td>Création de QR-code</td>
  368.                                 <td class="check"><span class="icon-check">✔</span></td>
  369.                             </tr>
  370.                             <tr>
  371.                                 <td>Création d’URL Courte</td>
  372.                                 <td class="check"><span class="icon-check">✔</span></td>
  373.                             </tr>
  374.                             <tr>
  375.                                 <td>Satisfaction client par collaborateur</td>
  376.                                 <td class="check"><span class="icon-check">✔</span></td>
  377.                             </tr>
  378.                             <tr>
  379.                                 <td>Anniversaire client</td>
  380.                                 <td class="check"><span class="icon-check">✔</span></td>
  381.                             </tr>
  382.                             </tbody>
  383.                         </table>
  384.                     </div>
  386.                     <!-- Note -->
  387.                     <p class="table-note">
  388.                         (*) Possibilité d’ajouter des emails et SMS en supplément de votre forfait et selon
  389.                         consommation.
  390.                         Les mails et SMS non utilisés sont non cumulables d’un mois sur l’autre.
  391.                     </p>
  393.                 </div>
  394.             </div>
  395.             <div class="d-flex justify-content-center mt-5">
  396.                 <a href="#form__contact" class="btn regular secondary">
  397.                     <span>
  398.                         Je souhaite une démo
  399.                         <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  400.                             <path d="M5.88672 1.8808L10.2021 6.00001L5.88672 10.1192" stroke="white" stroke-width="1.5"
  401.                                   stroke-linecap="round" stroke-linejoin="round"/>
  402.                             <path d="M10.2007 6L1.80078 6" stroke="white" stroke-width="1.5" stroke-linecap="round"
  403.                                   stroke-linejoin="round"/>
  404.                         </svg>
  405.                     </span>
  406.                 </a>
  407.             </div>
  408.         </div>
  409.     </section>
  410.     <section class="pricing-com-area bg-secondary-light">
  411.         <div class="container macaron-container top-right">
  413.             <div class="section-title">
  414.                 <h2 class="title">
  415.                     Notre tarif
  416.                     <span class="text-green text-underline">
  417.                         par cabinet
  418.                         <svg width="224" height="13" viewBox="0 0 224 13" fill="none"
  419.                              xmlns="http://www.w3.org/2000/svg">
  420.                             <path d="M2.94424 10.5284C97.4867 0.00279298 146.977 2.0145 221.57 5.04663" stroke="#7CD325"
  421.                                   stroke-width="4" stroke-linecap="round"/>
  422.                         </svg>
  423.                     </span>
  424.                 </h2>
  425.             </div>
  426.             <div class="container-pricing-offers">
  427.                 <div class="pricing-offers">
  429.                     <div class="offers-container">
  430.                         <!-- Offre mensuelle -->
  431.                         <div class="offer-card offer-monthly">
  432.                             <h3 class="offer-title">Offre mensuelle</h3>
  433.                             <p class="offer-subtitle">Flexibilité totale, résiliez à tout moment</p>
  434.                             <p class="offer-price">
  435.                                 <span class="price-value">69€</span><span class="price-unit">HT</span>
  436.                             </p>
  437.                             <p class="offer-details">sans engagement</p>
  438.                             <a href="#form__contact" class="btn secondary regular">
  439.                                 <span>
  440.                                     Je souhaite une démo
  441.                                     <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
  442.                                          xmlns="http://www.w3.org/2000/svg">
  443.                                         <path d="M5.88672 2.59863L10.2021 6.71784L5.88672 10.837" stroke="white"
  444.                                               stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  445.                                         <path d="M10.2007 6.71777L1.80078 6.71777" stroke="white" stroke-width="1.5"
  446.                                               stroke-linecap="round" stroke-linejoin="round"/>
  447.                                     </svg>
  448.                                 </span>
  449.                             </a>
  450.                         </div>
  452.                         <!-- Offre annuelle -->
  453.                         <div class="offer-card offer-yearly popular">
  454.                             <div class="offer-badge">LA + POPULAIRE</div>
  455.                             <h3 class="offer-title">Offre annuelle</h3>
  456.                             <p class="offer-subtitle">Économisez 2 mensualités</p>
  457.                             <p class="offer-price">
  458.                                 <span class="price-value">690€</span><span class="price-unit">HT</span>
  459.                             </p>
  460.                             <p class="offer-details">par AN</p>
  462.                             <a href="#form__contact" class="btn secondary regular">
  463.                                 <span>
  464.                                     Je souhaite une démo
  465.                                     <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
  466.                                          xmlns="http://www.w3.org/2000/svg">
  467.                                         <path d="M5.88672 2.59863L10.2021 6.71784L5.88672 10.837" stroke="white"
  468.                                               stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  469.                                         <path d="M10.2007 6.71777L1.80078 6.71777" stroke="white" stroke-width="1.5"
  470.                                               stroke-linecap="round" stroke-linejoin="round"/>
  471.                                     </svg>
  472.                                 </span>
  473.                             </a>
  474.                         </div>
  475.                     </div>
  477.                     <!-- Bloc promo -->
  478.                     <div class="promo-block">
  479.                         <p class="promo-text">
  480.                             <span class="promo-left">Création ou Refonte <br> de votre site Internet</span>
  481.                             <span class="promo-equal">=</span>
  482.                             <span class="promo-offer">Plateforme de com’
  483.                                 <br>
  484.                                 <strong>OFFERTE*</strong>
  485.                                 <br>
  486.                                 Soit 690€ d’économie par an
  487.                             </span>
  488.                         </p>
  489.                         <p class="promo-note">
  490.                             pendant la 1ère année d’adhésion auprès de l’agence des Experts-comptables
  491.                         </p>
  492.                     </div>
  494.                 </div>
  495.             </div>
  497.         </div>
  498.     </section>
  499.     <section class="band-contact-area">
  500.         <div class="container">
  501.             <div class="d-flex flex-column align-items-center" data-aos="fade-up">
  502.                 <h2 class="band-title">
  503.                     <div class="icon-ampoule">
  504.                         <picture>
  505.                             <source srcset="{{ asset('/assets/images/icon/icone-ampoule.png')|imagine_filter('convert_webp') }}"
  506.                                     type="image/webp">
  507.                             <img src="{{ asset('/assets/images/icon/icone-ampoule.png') }}" alt="Icone fusée">
  508.                         </picture>
  509.                     </div>
  510.                     Découvrez dès maintenant comment piloter votre
  511.                     <br>
  512.                     com’ en un clic <span class="text-black">grâce à votre plateforme de com’</span>
  513.                 </h2>
  514.                 <a href="#form__contact" class="btn regular black">
  515.                     <span>
  516.                         je souhaite une démo
  517.                         <svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  518.                             <path d="M5.38477 0.880859L9.70013 5.00007L5.38477 9.11928" stroke="white"
  519.                                   stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  520.                             <path d="M9.69975 5L1.2998 5" stroke="white" stroke-width="1.5" stroke-linecap="round"
  521.                                   stroke-linejoin="round"/>
  522.                         </svg>
  523.                     </span>
  524.                 </a>
  525.             </div>
  526.         </div>
  527.     </section>
  528.     <section class="paragraph-area">
  529.         <div class="container">
  530.             <section class="paragraph-section">
  531.                 <div class="paragraph-container">
  533.                     <!-- Colonne gauche -->
  534.                     <div class="paragraph-content">
  535.                         <div class="section-title left">
  536.                             <h2 class="title">
  537.                                 Pourquoi utiliser la
  538.                                 <span class="text-green text-underline">
  539.                                     plateforme de com’
  540.                                     <svg width="357" height="18" viewBox="0 0 357 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  541.                                         <path d="M2.66797 15.7934C203.505 2.43896 169.744 4.5399 354.334 2.43896" stroke="#7CD325" stroke-width="4" stroke-linecap="round"/>
  542.                                     </svg>
  543.                                 </span>
  544.                                 ?
  545.                             </h2>
  546.                         </div>
  548.                         <div class="paragraph-list">
  549.                             <p class="paragraph-item">
  550.                                 <span class="paragraph-icon">
  551.                                     <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  552.                                         <circle cx="12.16" cy="12.9803" r="10.1325" fill="#7CD325" stroke="#7CD325" stroke-width="2.05508"/>
  553.                                         <path d="M6.28 12.2153L10.675 16.6103L18 7.82031" stroke="white" stroke-width="1.84635"/>
  554.                                     </svg>
  556.                                 </span>
  557.                                 <span class="paragraph-text">
  558.                                     <strong>Interface intuitive :</strong> prise en main rapide, sans formation
  559.                                 </span>
  560.                             </p>
  561.                             <p class="paragraph-item">
  562.                                 <span class="paragraph-icon">
  563.                                     <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  564.                                         <circle cx="12.16" cy="12.9803" r="10.1325" fill="#7CD325" stroke="#7CD325" stroke-width="2.05508"/>
  565.                                         <path d="M6.28 12.2153L10.675 16.6103L18 7.82031" stroke="white" stroke-width="1.84635"/>
  566.                                     </svg>
  568.                                 </span>
  569.                                 <span class="paragraph-text">
  570.                                     <strong>Déploiement immédiat :</strong> vous l’utilisez dès le premier jour
  571.                                 </span>
  572.                             </p>
  573.                             <p class="paragraph-item">
  574.                                 <span class="paragraph-icon">
  575.                                     <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  576.                                         <circle cx="12.16" cy="12.9803" r="10.1325" fill="#7CD325" stroke="#7CD325" stroke-width="2.05508"/>
  577.                                         <path d="M6.28 12.2153L10.675 16.6103L18 7.82031" stroke="white" stroke-width="1.84635"/>
  578.                                     </svg>
  579.                                 </span>
  580.                                 <span class="paragraph-text">
  581.                                 <strong>Personnalisation sur-mesure :</strong> modules adaptés aux besoins réels de votre cabinet
  582.                               </span>
  583.                             </p>
  584.                         </div>
  586.                         <a href="#form__contact" class="btn regular secondary">
  587.                             <span>
  588.                                 Je demande ma démo
  589.                                 <svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
  590.                                     <path d="M4.88672 1.59863L9.20208 5.71784L4.88672 9.83705" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  591.                                     <path d="M9.20073 5.71777L0.800781 5.71777" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  592.                                 </svg>
  593.                             </span>
  594.                         </a>
  595.                     </div>
  597.                     <!-- Colonne droite -->
  598.                     <div class="paragraph-image">
  599.                         <img src="{{ asset('assets/images/agexv4/plateform-de-com/why.png') }}" alt="Graphique indicatif de la plateforme">
  600.                     </div>
  602.                 </div>
  603.             </section>
  605.         </div>
  606.     </section>
  607.     <section class="ebook-area">
  608.         <div class="container">
  609.             <div class="container-content">
  610.                 <div class="left">
  611.                     <span class="sub-title text-green">livre blanc</span>
  612.                     <h2 class="title">
  613.                         Le Kit de Communication pour lancer <br class="d-none d-lg-block">
  614.                         votre cabinet d’
  615.                         <span class="text-orange text-underline">
  616.                         expertise comptable
  617.                         <svg class="stroke" width="251" height="13" viewBox="0 0 251 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  618.                             <path d="M2.00015 11C103.309 1 155.887 3.57321 249 2" stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/>
  619.                         </svg>
  621.                     </span>
  622.                     </h2>
  623.                     <p class="description">
  624.                         Nous avons créé pour vous le guide des 5 piliers indispensables pour inspirer confiance, attirer vos premiers clients et construire une marque solide.
  625.                     </p>
  626.                     <a href="{{ path('landing_page_ebook_com_boost') }}" class="btn regular secondary">
  627.                     <span>
  628.                         Téléchargez notre livre blanc
  629.                         <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
  630.                              xmlns="http://www.w3.org/2000/svg">
  631.                                 <path d="M5.88477 2.7334L10.2001 6.85261L5.88477 10.9718" stroke="white"
  632.                                       stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  633.                                 <path d="M10.1998 6.85266L1.7998 6.85266" stroke="white" stroke-width="1.5"
  634.                                       stroke-linecap="round" stroke-linejoin="round"/>
  635.                         </svg>
  636.                     </span>
  637.                     </a>
  638.                 </div>
  639.                 <div class="right">
  640.                     <picture>
  641.                         <img src="{{ asset('/assets/images/agexv4/ebook/ebook.png') }}"
  642.                              alt="Couverture ebook développer son cabinet d'expertise comptable"
  643.                              loading="lazy">
  644.                     </picture>
  645.                 </div>
  646.             </div>
  647.         </div>
  648.     </section>
  649.     <section class="steps-timeline-area" >
  650.         <div class="container">
  651.             <div class="steps-content">
  652.                 <!-- Colonne de gauche - Titre -->
  653.                 <div class="steps-left container-shape" data-aos="fade-right">
  654.                     <svg class="shape arrow" width="113" height="57" viewBox="0 0 113 57" fill="none" xmlns="http://www.w3.org/2000/svg">
  655.                         <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"></path>
  656.                     </svg>
  657.                     <div class="steps-overline">LES AVANTAGES DE LA SOLUTION</div>
  658.                     <h2 class="steps-title">
  659.                         La plateforme
  660.                         <br class="d-none d-xl-block">
  661.                         <span class="steps-highlight">
  662.                             incontournable
  663.                             <svg width="210" height="13" viewBox="0 0 210 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  664.                                 <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"/>
  665.                             </svg>
  666.                         </span>
  667.                         <br class="d-none d-xl-block">
  668.                         pour les cabinets
  669.                     </h2>
  670.                     <a href="#form__contact" class="btn regular black mt-5">
  671.                         <span>
  672.                             J’essaie la plateforme dès maintenant
  673.                             <svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  674.                                 <path d="M5.38477 1.88086L9.70013 6.00007L5.38477 10.1193" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  675.                                 <path d="M9.69975 6L1.2998 6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  676.                             </svg>
  677.                         </span>
  678.                     </a>
  679.                 </div>
  681.                 <!-- Colonne de droite - Timeline -->
  682.                 <div class="steps-right" data-aos="fade-left" data-aos-delay="300">
  683.                     <div class="steps-timeline">
  684.                         <div class="step-item">
  685.                             <div class="step-number">
  686.                                 <svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  687.                                     <path d="M1.28 8.86326L9.05 16.6333L22 1.09326" stroke="white" stroke-width="1.84635"/>
  688.                                 </svg>
  690.                             </div>
  691.                             <div class="step-content">
  692.                                 <div class="step-text">
  693.                                     Communication structurée
  694.                                 </div>
  695.                             </div>
  696.                         </div>
  697.                         <div class="step-item">
  698.                             <div class="step-number">
  699.                                 <svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  700.                                     <path d="M1.28 8.86326L9.05 16.6333L22 1.09326" stroke="white" stroke-width="1.84635"/>
  701.                                 </svg>
  702.                             </div>
  703.                             <div class="step-content">
  704.                                 <div class="step-text">
  705.                                     Lien renforcé avec tes clients
  706.                                 </div>
  707.                             </div>
  708.                         </div>
  709.                         <div class="step-item">
  710.                             <div class="step-number">
  711.                                 <svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  712.                                     <path d="M1.28 8.86326L9.05 16.6333L22 1.09326" stroke="white" stroke-width="1.84635"/>
  713.                                 </svg>
  714.                             </div>
  715.                             <div class="step-content">
  716.                                 <div class="step-text">
  717.                                     Image professionnelle et moderne
  718.                                 </div>
  719.                             </div>
  720.                         </div>
  721.                         <div class="step-item">
  722.                             <div class="step-number">
  723.                                 <svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  724.                                     <path d="M1.28 8.86326L9.05 16.6333L22 1.09326" stroke="white" stroke-width="1.84635"/>
  725.                                 </svg>
  726.                             </div>
  727.                             <div class="step-content">
  728.                                 <div class="step-text">
  729.                                     Visibilité continue
  730.                                 </div>
  731.                             </div>
  732.                         </div>
  733.                         <div class="step-item">
  734.                             <div class="step-number">
  735.                                 <svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  736.                                     <path d="M1.28 8.86326L9.05 16.6333L22 1.09326" stroke="white" stroke-width="1.84635"/>
  737.                                 </svg>
  738.                             </div>
  739.                             <div class="step-content">
  740.                                 <div class="step-text">
  741.                                     Gain de temps immédiat
  742.                                 </div>
  743.                             </div>
  744.                         </div>
  745.                     </div>
  746.                 </div>
  747.             </div>
  748.         </div>
  749.     </section>
  750.     <section class="accordion-area bg-secondary-light">
  751.         <div class="container">
  752.             <div class="section-title text-center" data-aos="zoom-in">
  753.                 <h2 class="main-title">Un accompagnement
  754.                     <span class="text-orange text-underline">
  755.                      complet
  756.                     <svg width="214" height="13" viewBox="0 0 214 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  757.                         <path d="M2 10.5879C86 2.58789 134.395 3.84646 211.6 2.58789" stroke="#FC6F1F" stroke-width="4"
  758.                               stroke-linecap="round"/>
  759.                     </svg>
  760.                 </span>
  761.                 </h2>
  762.             </div>
  763.             <div class="c-accordion" data-multiselectable="false" data-component="accordion">
  764.                 <div class="c-accordion__item" data-aos="fade-up" data-aos-delay="50">
  765.                     <div role="heading" aria-level="3">
  766.                         <div id="accordion-trigger-1" class="c-accordion__trigger" data-controls="accordion-panel-1">
  767.                             <h3>Expertise dédiée</h3>
  768.                             <span class="c-accordion__icon" aria-hidden="true"></span>
  769.                         </div>
  770.                     </div>
  771.                     <div id="accordion-panel-1" class="c-accordion__panel">
  772.                         <div class="c-accordion__inner">
  773.                             <p>
  774.                                 Rudy, votre interlocuteur privilégié, vous accompagne dès l’onboarding et tout au long de l’utilisation de la plateforme de communication. Il vous présente en détail chaque fonctionnalité, vous propose des conseils personnalisés adaptés à votre cabinet et reste disponible pour répondre à toutes vos questions.
  775.                             </p>
  776.                         </div>
  777.                     </div>
  778.                 </div>
  779.                 <div class="c-accordion__item" data-aos="fade-up" data-aos-delay="100">
  780.                     <div role="heading" aria-level="3">
  781.                         <div id="accordion-trigger-2" class="c-accordion__trigger" data-controls="accordion-panel-2">
  782.                             <h3>Accompagnement sur mesure</h3>
  783.                             <span class="c-accordion__icon" aria-hidden="true"></span>
  784.                         </div>
  785.                     </div>
  786.                     <div id="accordion-panel-2" class="c-accordion__panel">
  787.                         <div class="c-accordion__inner">
  788.                             <p>
  789.                                 Un support réactif est à votre disposition : que ce soit pour une question rapide, une réclamation ou une suggestion d’amélioration, vous bénéficiez d’un suivi attentif et de réponses rapides. Votre retour est pris en compte pour faire évoluer la plateforme de communication et vous assurer une expérience fluide.
  790.                             </p>
  791.                         </div>
  792.                     </div>
  793.                 </div>
  794.                 <div class="c-accordion__item" data-aos="fade-up" data-aos-delay="150">
  795.                     <div role="heading" aria-level="3">
  796.                         <div id="accordion-trigger-3" class="c-accordion__trigger" data-controls="accordion-panel-3">
  797.                             <h3>Evolution continue</h3>
  798.                             <span class="c-accordion__icon" aria-hidden="true"></span>
  799.                         </div>
  800.                     </div>
  801.                     <div id="accordion-panel-3" class="c-accordion__panel">
  802.                         <div class="c-accordion__inner">
  803.                             <p>
  804.                                 La plateforme de communication évolue avec vous : des mises à jour régulières l’enrichissent de nouveaux modules et de fonctionnalités innovantes, spécialement conçues pour répondre aux besoins de votre cabinet. Chaque évolution est le fruit d’une co‑construction avec les utilisateurs et vous est proposée sans surcoût, pour que la plateforme reste toujours en phase avec vos attentes.
  805.                             </p>
  806.                         </div>
  807.                     </div>
  808.                 </div>
  809.             </div>
  810.             <div class="d-flex justify-content-center align-items-center">
  811.                 <a href="#form__contact" class="btn regular secondary mt-5">
  812.                 <span>
  813.                     Je souhaite une démo
  814.                     <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  815.                         <path d="M5.88672 1.8808L10.2021 6.00001L5.88672 10.1192" stroke="white" stroke-width="1.5"
  816.                               stroke-linecap="round" stroke-linejoin="round"/>
  817.                         <path d="M10.2007 6L1.80078 6" stroke="white" stroke-width="1.5" stroke-linecap="round"
  818.                               stroke-linejoin="round"/>
  819.                     </svg>
  820.                 </span>
  821.                 </a>
  822.             </div>
  823.         </div>
  824.     </section>
  825.     <div id="form__contact"></div>
  826.     <section class="contact-area pt-50">
  827.         <div class="container">
  828.             <div class="row align-items-center">
  829.                 <div class="col-xl-6 col-lg-7">
  830.                     <div class="section-title left" data-aos="fade-right">
  831.                         <span class="sub-title text-green">
  832.                             UN FORMULAIRE. UN ÉCHANGE. UNE SOLUTION.
  833.                         </span>
  834.                         <h2 class="title container-shape">
  835.                             <svg class="shape arrow" width="113" height="57" viewBox="0 0 113 57" fill="none"
  836.                                  xmlns="http://www.w3.org/2000/svg">
  837.                                 <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"
  838.                                       stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/>
  839.                             </svg>
  840.                             Envie de voir la plateforme <br class="d-none d-lg-block"> <span class="text-orange">en action</span> ?
  841.                         </h2>
  842.                         <p>
  843.                             Rudy votre interlocuteur privilégié vous accompagne et vous conseille
  844.                         </p>
  845.                     </div>
  846.                 </div>
  847.                 <div class="col-xl-6 col-lg-5" data-aos="fade-left">
  848.                     <div class="contact-form" data-aos="fade-left" data-aos-delay="100">
  849.                         <h2 class="title">
  850.                            Demandez votre
  851.                             <span class="text-green text-underline">
  852.                             démo
  853.                             <svg width="121" height="13" viewBox="0 0 121 13" fill="none"
  854.                                  xmlns="http://www.w3.org/2000/svg">
  855.                                 <path d="M2.2998 10.07C52.459 2.41211 78.8787 2.41211 118.7 2.41211" stroke="#7CD325"
  856.                                       stroke-width="4" stroke-linecap="round"/>
  857.                             </svg>
  858.                         </span>
  859.                         </h2>
  860.                         {{ form_start(form_demo) }}
  861.                         {{ form_row(form_demo.page, { "value" : title }) }}
  863.                         {{ form_widget(form_demo) }}
  865.                         <button type="submit" class="btn regular primary">
  866.                             <span>
  867.                                 Envoyer votre demande
  868.                                 <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
  869.                                      xmlns="http://www.w3.org/2000/svg">
  870.                                     <path d="M5.88477 2.7334L10.2001 6.85261L5.88477 10.9718" stroke="white"
  871.                                           stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  872.                                     <path d="M10.1998 6.85266L1.7998 6.85266" stroke="white" stroke-width="1.5"
  873.                                           stroke-linecap="round" stroke-linejoin="round"/>
  874.                                 </svg>
  875.                             </span>
  876.                         </button>
  878.                         {{ form_end(form_demo) }}
  879.                     </div>
  880.                 </div>
  881.             </div>
  882.         </div>
  883.     </section>
  884.     <section class="newsletter-area">
  885.         <div class="shape-agency">
  886.             <picture>
  887.                 <source srcset="{{ asset('assets/images/agexv4/shapes/logo3D.webp') }}" type="image/webp">
  888.                 <img src="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}" alt="logo agence">
  889.             </picture>
  890.         </div>
  891.         <div class="container">
  892.             <div class="form-container" data-aos="fade-up">
  893.                 <h2 class="main-title">Abonnez-vous à <br> notre newsletter</h2>
  894.                 <p>Un support indispensable pour les Experts-comptables !</p>
  895.                 {{ form_start(form_news2) }}
  896.                 <div class="input-newsletter">
  897.                     <div class="icon">
  898.                         <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  899.                             <g clip-path="url(#clip0_434_9342)">
  900.                                 <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"
  901.                                       fill="#042F35"/>
  902.                             </g>
  903.                             <defs>
  904.                                 <clipPath id="clip0_434_9342">
  905.                                     <rect width="17.5" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.1904)"/>
  906.                                 </clipPath>
  907.                             </defs>
  908.                         </svg>
  909.                     </div>
  910.                     {{ form_row(form_news2.name) }}
  911.                 </div>
  912.                 <div class="input-newsletter">
  913.                     <div class="icon">
  914.                         <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  915.                             <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"
  916.                                   fill="#042F35"/>
  917.                         </svg>
  918.                     </div>
  919.                     {{ form_row(form_news2.email) }}
  920.                 </div>
  921.                 <button type="submit" class="btn regular black">
  922.                     <span>
  923.                         Je m’incris à la newsletter
  924.                     </span>
  925.                 </button>
  926.                 {{ form_end(form_news2) }}
  927.             </div>
  928.         </div>
  929.     </section>
  930. {% endblock %}
  932. {% block js %}
  933.     {{ parent() }}
  934.     <script src="{{ asset('/assets/js/carouselLogo.js') }}"></script>
  935.     <script>
  936.         document.addEventListener('DOMContentLoaded', function () {
  937.             if (window.location.hash === '#form__contact') {
  938.                 var el = document.getElementById('form__contact');
  939.                 if (el) {
  940.                     var y = el.getBoundingClientRect().top + window.pageYOffset - 100;
  941.                     window.scrollTo({ top: y, behavior: 'smooth' });
  942.                 }
  943.             }
  944.         });
  946.     </script>
  947. {% endblock %}