templates/front_v4/mca/landing_page/freelancer/lp_freelancer.html.twig line 162

Open in your IDE?
  1. {% extends 'front_v4/base.html.twig' %}
  3. {% block meta_title %}Audioprothésiste : Devenez partenaire de Mon Centre Auditif{% endblock meta_title %}
  4. {% block meta_description %}Audioprothésiste, vous pouvez indexer votre centre. Grâce à notre interface Mon Centre Auditif, recevez en temps réel les demandes de bilan auditif.{% endblock meta_description %}
  6. {% block content %}
  7.     <div id="register-container">
  8.         <div class="bg-light">
  9.             <!-- Hero -->
  10.             <div class="container-fluid position-relative content-space-3">
  11.                 <div class="row justify-content-center justify-content-lg-around align-items-lg-top">
  12.                     <div class="col-md-10 col-lg-6">
  13.                         <!-- Heading -->
  14.                         <div class="mb-7">
  15.                             <div class="mb-5">
  16.                                   <span class="h1 text-primary text-highlight-warning">
  17.                                     <span>Audioprothésiste</span>
  18.                                   </span>
  19.                                 <h1 class="h2 mb-3">
  20.                                     Obtenez facilement des RDV dédiés pour vos centres auditifs.
  21.                                 </h1>
  22.                                 <p>Mon Centre Auditif vous met en relation directe et exclusive avec des particuliers en recherche d’un centre auditif proche de leur domicile.</p>
  24.                             </div>
  25.                             <p class="mb-1">Les services disponibles sur Mon Centre Auditif :</p>
  26.                             <ul class="list-checked list-checked-primary mb-5">
  27.                                 <li><span class="badge bg-soft-warning text-warning rounded-pill me-2 my-1" style="min-width: 1.6rem;">1.</span> Indexez vos centres</li>
  28.                                 <li><span class="badge bg-soft-warning text-warning rounded-pill me-2 my-1" style="min-width: 1.6rem;">2.</span> Achat de mises en relations</li>
  29.                                 <li><span class="badge bg-soft-warning text-warning rounded-pill me-2 my-1" style="min-width: 1.6rem;">3.</span> Campagne SMS</li>
  30.                                 <li><span class="badge bg-soft-warning text-warning rounded-pill me-2 my-1" style="min-width: 1.6rem;">4.</span> Référencement premium de vos pages</li>
  31.                             </ul>
  32.                         </div>
  33.                         <!-- End Title & Description -->
  34.                         <div class="position-relative">
  35.                             <!-- Video Section -->
  36.                             <div id="youTubeVideoPlayer" class="text-center">
  37.                                 <!-- Cover Image -->
  38.                                 {# Dimensions image : 1000px x 563px #}
  39.                                 <img class="img-fluid u-video-player__preview rounded-2"
  40.                                      src="{{ asset('build/landing-page/lp-freelancer/miniature_video_mca.png') }}"
  41.                                      alt="Indexer sur Mon Centre Auditif">
  42.                                 <!-- End Cover Image -->
  43.                                 <!-- Play Button -->
  44.                                 <a class="video-player video-player-btn"
  45.                                    href="https://www.youtube.com/watch?v=g4FhgCs_x5k" role="button"
  46.                                    data-fslightbox="youtube-video"
  47.                                    style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
  48.                                       <span class="d-flex justify-content-center align-items-center">
  49.                                         <span class="video-player-icon shadow-sm">
  50.                                           <i class="bi-play-fill"></i>
  51.                                         </span>
  52.                                       </span>
  53.                                 </a>
  54.                                 <!-- End Play Button -->
  55.                             </div>
  56.                             <!-- End Video Section -->
  57.                         </div>
  58.                         <div class="row justify-content-lg-center space-1">
  59.                             <div class="col-12">
  60.                                 {#                                <!-- Icon Blocks --> #}
  61.                                 {#                                <div class="d-flex pe-md-5"> #}
  62.                                 {#                                    <div class="flex-shrink-0"> #}
  63.                                 {#                                        <div class="svg-icon text-primary"> #}
  64.                                 {#                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> #}
  65.                                 {#                                                <path opacity="0.3" d="M18.0624 15.3453L13.1624 20.7453C12.5624 21.4453 11.5624 21.4453 10.9624 20.7453L6.06242 15.3453C4.56242 13.6453 3.76242 11.4453 4.06242 8.94534C4.56242 5.34534 7.46242 2.44534 11.0624 2.04534C15.8624 1.54534 19.9624 5.24534 19.9624 9.94534C20.0624 12.0453 19.2624 13.9453 18.0624 15.3453Z" fill="#035A4B"/> #}
  66.                                 {#                                                <path d="M12.0624 13.0453C13.7193 13.0453 15.0624 11.7022 15.0624 10.0453C15.0624 8.38849 13.7193 7.04535 12.0624 7.04535C10.4056 7.04535 9.06241 8.38849 9.06241 10.0453C9.06241 11.7022 10.4056 13.0453 12.0624 13.0453Z" fill="#035A4B"/> #}
  67.                                 {#                                            </svg> #}
  68.                                 {#                                        </div> #}
  69.                                 {#                                    </div> #}
  71.                                 {#                                    <div class="flex-grow-1 ms-3"> #}
  72.                                 {#                                        <h4>Indexer vos centres</h4> #}
  73.                                 {#                                    </div> #}
  74.                                 {#                                </div> #}
  75.                                 {#                                <!-- End Icon Blocks --> #}
  77.                                 {#                                <!-- Icon Blocks --> #}
  78.                                 {#                                <div class="d-flex pe-md-5"> #}
  79.                                 {#                                    <div class="flex-shrink-0"> #}
  80.                                 {#                                        <div class="svg-icon text-primary"> #}
  81.                                 {#                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> #}
  82.                                 {#                                                <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M12 20.0217L8.47345 21.7285L6.86905 18.1542L3.07048 17.1949L4.13894 13.4256L1.84573 10.249L5.0871 8.04825L5.37225 4.14081L9.2699 4.5385L12 1.72852L14.7301 4.5385L18.6277 4.14081L18.9129 8.04825L22.1542 10.249L19.861 13.4256L20.9295 17.1949L17.1309 18.1542L15.5265 21.7285L12 20.0217Z" fill="#008060"/> #}
  83.                                 {#                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 15.006L10.0463 16.0332C9.81245 16.1561 9.5232 16.0662 9.40025 15.8324C9.3513 15.7393 9.33445 15.6326 9.3522 15.5289L9.72535 13.3533L8.1447 11.8126C7.9555 11.6282 7.95165 11.3253 8.13605 11.1361C8.2095 11.0608 8.3057 11.0118 8.4098 10.9967L10.5942 10.6792L11.5711 8.69985C11.6881 8.46295 11.9749 8.3657 12.2118 8.4826C12.3061 8.52915 12.3825 8.60555 12.4291 8.69985L13.4059 10.6792L15.5903 10.9967C15.8518 11.0346 16.0329 11.2774 15.9949 11.5388C15.9798 11.6429 15.9308 11.7392 15.8555 11.8126L14.2748 13.3533L14.6479 15.5289C14.6926 15.7893 14.5177 16.0366 14.2573 16.0812C14.1537 16.099 14.047 16.0821 13.9539 16.0332L12.0001 15.006Z" fill="#008060"/> #}
  84.                                 {#                                            </svg> #}
  85.                                 {#                                        </div> #}
  86.                                 {#                                    </div> #}
  88.                                 {#                                    <div class="flex-grow-1 ms-3"> #}
  89.                                 {#                                        <h4>Achat de mises-en-relations</h4> #}
  90.                                 {#                                    </div> #}
  91.                                 {#                                </div> #}
  92.                                 {#                                <!-- End Icon Blocks --> #}
  94.                                 {#                                <!-- Icon Blocks --> #}
  95.                                 {#                                <div class="d-flex pe-md-5"> #}
  96.                                 {#                                    <div class="flex-shrink-0"> #}
  97.                                 {#                                        <div class="svg-icon text-primary"> #}
  98.                                 {#                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> #}
  99.                                 {#                                                <path opacity="0.3" d="M2 4V16C2 16.6 2.4 17 3 17H13L16.6 20.6C17.1 21.1 18 20.8 18 20V17H21C21.6 17 22 16.6 22 16V4C22 3.4 21.6 3 21 3H3C2.4 3 2 3.4 2 4Z" fill="#035A4B"/> #}
  100.                                 {#                                                <path d="M18 9H6C5.4 9 5 8.6 5 8C5 7.4 5.4 7 6 7H18C18.6 7 19 7.4 19 8C19 8.6 18.6 9 18 9ZM16 12C16 11.4 15.6 11 15 11H6C5.4 11 5 11.4 5 12C5 12.6 5.4 13 6 13H15C15.6 13 16 12.6 16 12Z" fill="#035A4B"/> #}
  101.                                 {#                                            </svg> #}
  102.                                 {#                                        </div> #}
  103.                                 {#                                    </div> #}
  105.                                 {#                                    <div class="flex-grow-1 ms-3"> #}
  106.                                 {#                                        <h4>Campagne SMS</h4> #}
  107.                                 {#                                    </div> #}
  108.                                 {#                                </div> #}
  109.                                 {#                                <!-- End Icon Blocks --> #}
  111.                                 {#                                <!-- Icon Blocks --> #}
  112.                                 {#                                <div class="d-flex pe-md-5"> #}
  113.                                 {#                                    <div class="flex-shrink-0"> #}
  114.                                 {#                                        <div class="svg-icon text-primary"> #}
  115.                                 {#                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> #}
  116.                                 {#                                                <path d="M19.4 13.9411L10.7 5.24112C10.4 4.94112 10 4.84104 9.60001 5.04104C9.20001 5.24104 9 5.54107 9 5.94107V18.2411C9 18.6411 9.20001 18.941 9.60001 19.141C9.70001 19.241 9.9 19.2411 10 19.2411C10.2 19.2411 10.4 19.141 10.6 19.041C11.4 18.441 12.1 17.941 12.9 17.541L14.4 21.041C14.6 21.641 15.2 21.9411 15.8 21.9411C16 21.9411 16.2 21.9411 16.4 21.8411C17.2 21.5411 17.5 20.6411 17.2 19.8411L15.7 16.2411C16.7 15.9411 17.7 15.741 18.8 15.541C19.2 15.541 19.5 15.2411 19.6 14.8411C19.8 14.6411 19.7 14.2411 19.4 13.9411Z" fill="#035A4B"/> #}
  117.                                 {#                                                <path opacity="0.3" d="M15 6.941C14.8 6.941 14.7 6.94102 14.6 6.84102C14.1 6.64102 13.9 6.04097 14.2 5.54097L15.2 3.54097C15.4 3.04097 16 2.84095 16.5 3.14095C17 3.34095 17.2 3.941 16.9 4.441L15.9 6.441C15.7 6.741 15.4 6.941 15 6.941ZM18.4 9.84102L20.4 8.84102C20.9 8.64102 21.1 8.04097 20.8 7.54097C20.6 7.04097 20 6.84095 19.5 7.14095L17.5 8.14095C17 8.34095 16.8 8.941 17.1 9.441C17.3 9.841 17.6 10.041 18 10.041C18.2 9.94097 18.3 9.94102 18.4 9.84102ZM7.10001 10.941C7.10001 10.341 6.70001 9.941 6.10001 9.941H4C3.4 9.941 3 10.341 3 10.941C3 11.541 3.4 11.941 4 11.941H6.10001C6.70001 11.941 7.10001 11.541 7.10001 10.941ZM4.89999 17.1409L6.89999 16.1409C7.39999 15.9409 7.59999 15.341 7.29999 14.841C7.09999 14.341 6.5 14.141 6 14.441L4 15.441C3.5 15.641 3.30001 16.241 3.60001 16.741C3.80001 17.141 4.1 17.341 4.5 17.341C4.6 17.241 4.79999 17.2409 4.89999 17.1409Z" fill="#035A4B"/> #}
  118.                                 {#                                            </svg> #}
  119.                                 {#                                        </div> #}
  120.                                 {#                                    </div> #}
  122.                                 {#                                    <div class="flex-grow-1 ms-3"> #}
  123.                                 {#                                        <h4>Référencement premium de vos pages</h4> #}
  124.                                 {#                                    </div> #}
  125.                                 {#                                </div> #}
  126.                                 {#                                <!-- End Icon Blocks --> #}
  127.                             </div>
  128.                         </div>
  129.                     </div>
  130.                     <!-- End Col -->
  131.                     <div class="col-lg-6 col-xl-5 mt-8 mt-lg-0">
  132.                         <!-- Card -->
  133.                         <div class="card mx-0 mx-sm-10 mx-lg-0">
  134.                             <div class="card-header border-bottom text-center p-2 p-sm-4">
  135.                                 <h4 class="card-header-title">Créer un compte professionnel<span
  136.                                             class="badge bg-warning text-dark rounded-pill ms-2 text-uppercase">sans engagement</span>
  137.                                 </h4>
  138.                             </div>
  139.                             <div class="card-body">
  140.                                 <!-- Form -->
  141.                                 {% include('@FOSUser/Registration/register_content.html.twig') %}
  142.                                 <!-- End Form -->
  143.                             </div>
  144.                         </div>
  145.                         <!-- End Card -->
  146.                     </div>
  147.                     <!-- End Col -->
  148.                 </div>
  149.                 <!-- End Row -->
  150.             </div>
  151.             <!-- End Hero -->
  152.         </div>
  154.         <!-- Clients Section -->
  155.         <div class="container content-space-1">
  156.             <div class="row align-items-lg-center">
  157.                 <div class="col-md-7 col-lg-8 mb-5 mb-md-0">
  158.                     <div class="row">
  159.                         {% for hearingBrand in hearingBrands|filter(hearingBrand => hearingBrand.presentable)|slice(0, 6) %}
  160.                             <div class="col text-center py-3">
  161.                                 <img class="avatar avatar-lg avatar-4x3"
  162.                                      src="{{ vich_uploader_asset(hearingBrand, 'logoFile') | imagine_filter('brand_logo_small') }}"
  163.                                      alt="Bilan Auditif {{ hearingBrand.name }}" width="200px">
  164.                             </div>
  165.                             <!-- End Col -->
  166.                         {% endfor %}
  167.                     </div>
  168.                     <!-- End Row -->
  169.                 </div>
  171.                 <div class="col-md-5 col-lg-4">
  172.                     <div class="ps-md-4">
  173.                         <span class="d-inline display-3 text-primary  text-lh-sm">8000</span><span
  174.                                 class="badge bg-warning rounded-pill align-top ml-1 fw-semibold">centres intégrés</span>
  175.                         <p>et plus de 4 900 centres sont déjà partenaires. N'attendez plus, rejoignez nous et développez
  176.                             vos RDV en centre.</p>
  177.                     </div>
  178.                 </div>
  179.             </div>
  180.         </div>
  181.         <!-- End Clients Section -->
  182.         <div class="container space-2">
  183.             <!-- Title -->
  184.             <div class="w-lg-80 text-center mx-lg-auto mb-9">
  185.                 <h3 class="h2 fw-semibold mb-4">Une visibilité sur un support Premium</h3>
  186.                 <p>Le référencement de vos centres vous permet d’apparaître
  187.                     sur 100% des recherches effectuées proches de votre centre.
  188.                     Affichez les informations relatives à vos points de ventes et <b>maîtrisez</b> votre communication
  189.                     digitale avec nos outils.</p>
  190.             </div>
  191.             <!-- End Title -->
  192.         </div>
  194.         {% include 'front_v4/mca/components/_cta_full_size_simple.html.twig' with {
  195.             title: '<span class="fw-semibold">Mon Centre Auditif</span> – la solution la plus simple pour collecter des RDV en centre.',
  196.             link: '#contact-form-mca',
  197.             link_text: 'Comment ça marche ?',
  198.         } %}
  200.         <!-- Description Content -->
  201.         <!-- Features Section -->
  202.         <div class="container content-space-1 content-space-b-lg-3">
  203.             <!-- Title -->
  204.             <div class="w-lg-85 text-center mx-lg-auto mb-5">
  205.                 <h2 class="fw-medium mb-4">Découvrez comment notre service va vous aider à booster
  206.                     votre activité.</h2>
  207.                 <p>Depuis votre interface audioprothésiste Mon Centre Auditif, il est possible de recevoir en temps réel
  208.                     les
  209.                     demandes de bilan auditif d’internautes pour les traiter rapidement et convenir avec eux d’un RDV en
  210.                     centre. </p>
  211.             </div>
  212.             <!-- End Title -->
  213.             <!-- Fancybox -->
  214.             <div class="text-center mx-auto mb-11">
  215.                 <a class="video-player btn btn-outline-primary" href="https://www.youtube.com/watch?v=g4FhgCs_x5k"
  216.                    role="button" data-fslightbox="youtube-video">
  217.                     <i class="bi-play-circle-fill me-1"></i> Découvrez notre vidéo de présentation
  218.                 </a>
  219.             </div>
  220.             <!-- End Fancybox -->
  222.             <!-- Nav -->
  223.             <ul class="nav nav-segment nav-sm nav-pills nav-fill mx-auto justify-content-center my-7 w-lg-65"
  224.                 role="tablist">
  225.                 <li class="nav-item">
  226.                     <a class="nav-link active" id="nav-one-eg2-tab" href="#nav-one-eg2" data-bs-toggle="pill"
  227.                        data-bs-target="#nav-one-eg2" role="tab" aria-controls="nav-one-eg2" aria-selected="true">
  228.                         <div class="d-flex align-items-center justify-content-center text-primary fw-semibold">
  229.                             <i class="bi bi-briefcase-fill me-1"></i> Indépendants
  230.                         </div>
  231.                     </a>
  232.                 </li>
  233.                 <li class="nav-item">
  234.                     <a class="nav-link" id="nav-two-eg2-tab" href="#nav-two-eg2" data-bs-toggle="pill"
  235.                        data-bs-target="#nav-two-eg2" role="tab" aria-controls="nav-two-eg2" aria-selected="false">
  236.                         <div class="d-flex align-items-center justify-content-center text-primary fw-semibold">
  237.                             <i class="bi bi-people-fill me-1"></i> Franchises et groupements
  238.                         </div>
  239.                     </a>
  240.                 </li>
  241.                 <li class="nav-item">
  242.                     <a class="nav-link" id="nav-three-eg2-tab" href="#nav-three-eg2" data-bs-toggle="pill"
  243.                        data-bs-target="#nav-three-eg2" role="tab" aria-controls="nav-three-eg2" aria-selected="false">
  244.                         <div class="d-flex align-items-center justify-content-center text-primary fw-semibold">
  245.                             <i class="bi bi-buildings-fill me-1"></i> Enseignes réseau
  246.                         </div>
  247.                     </a>
  248.                 </li>
  249.             </ul>
  250.             <!-- End Nav -->
  252.             <!-- Tab Content -->
  253.             <div class="tab-content">
  254.                 <div class="tab-pane fade show active" id="nav-one-eg2" role="tabpanel"
  255.                      aria-labelledby="nav-one-eg2-tab">
  256.                     <!-- Mockup Block -->
  257.                     <div class="row justify-content-lg-between align-items-lg-center">
  258.                         <div class="col-lg-4 mb-9 mb-lg-0">
  259.                             <!-- Info -->
  260.                             <div class="mb-5">
  261.                                 <h3 class="h3 fw-semibold">Vous êtes un indépendant ?</h3>
  262.                                 <p>Que vous possédiez un ou plusieurs centres auditifs, indexez votre
  263.                                     centre auditif et collectez des leads au plan national.</p>
  264.                             </div>
  265.                             <!-- End Info -->
  267.                             <!-- List Checked -->
  268.                             <ul class="list-checked list-checked-primary">
  269.                                 <li class="list-checked-item">Création de compte gratuite</li>
  270.                                 <li class="list-checked-item">Gestion des prospects et clients via l’interface</li>
  271.                                 <li class="list-checked-item">Centrale de prise de RDV à disposition</li>
  272.                                 <li class="list-checked-item">Gestion visibilité par centre (indexation,
  273.                                     zone de chalandise, …)
  274.                                 </li>
  275.                                 <li class="list-checked-item">Paiement sécurisé</li>
  276.                             </ul>
  277.                             <!-- End List Checked -->
  278.                         </div>
  279.                         <div class="col-lg-7 position-relative">
  280.                             <!-- Devices -->
  281.                             <div class="devices">
  282.                                 <!-- Mobile Device -->
  283.                                 <figure class="device-mobile rotated-3d-right">
  284.                                     <div class="device-mobile-frame">
  285.                                         <img class="device-mobile-img"
  286.                                              src="{{ asset('build/landing-page/lp-freelancer/finder-mobile.png') }}"
  287.                                              alt="Mon Centre Auditif">
  288.                                     </div>
  289.                                 </figure>
  290.                                 <!-- End Mobile Device -->
  292.                                 <!-- Browser Device -->
  293.                                 <figure class="device-browser">
  294.                                     <div class="device-browser-header">
  295.                                         <div class="device-browser-header-btn-list">
  296.                                             <span class="device-browser-header-btn-list-btn"></span>
  297.                                             <span class="device-browser-header-btn-list-btn"></span>
  298.                                             <span class="device-browser-header-btn-list-btn"></span>
  299.                                         </div>
  300.                                         <div class="device-browser-header-browser-bar">www.mon-centre-auditif.com</div>
  301.                                     </div>
  303.                                     <div class="device-browser-frame">
  304.                                         <img class="device-browser-img"
  305.                                              src="{{ asset('build/landing-page/lp-freelancer/finder.png') }}"
  306.                                              alt="Mon Centre auditif">
  307.                                     </div>
  308.                                 </figure>
  309.                                 <!-- End Browser Device -->
  310.                             </div>
  311.                             <!-- End Devices -->
  312.                             <!-- SVG Component -->
  313.                             <div class="position-absolute bottom-0 left-0 w-75 z-index-n1">
  314.                                 <figure class="ie-abstract-shapes-2">
  315.                                     <img class="js-svg-injector"
  316.                                          src="{{ asset('build/front_v4/svg/custom/components/bg-elements-2.svg') }}"
  317.                                          alt="Espace professionnels Mon Centre Auditif"
  318.                                          data-parent="#SVGmockupBg">
  319.                                 </figure>
  320.                             </div>
  321.                             <!-- End SVG Component -->
  322.                         </div>
  323.                     </div>
  324.                     <!-- End Mockup Block -->
  325.                 </div>
  327.                 <div class="tab-pane fade" id="nav-two-eg2" role="tabpanel" aria-labelledby="nav-two-eg2-tab">
  328.                     <!-- Mockup Block -->
  329.                     <div class="row justify-content-lg-between align-items-lg-center">
  330.                         <div class="col-lg-4 mb-9 mb-lg-0">
  331.                             <!-- Info -->
  332.                             <div class="mb-5">
  333.                                 <h3 class="h3 fw-semibold">Vous êtes franchisé ?</h3>
  334.                                 <p>Depuis votre interface audioprothésiste Mon Centre Auditif, il est possible de
  335.                                     recevoir en temps réel les
  336.                                     demandes de bilan auditif d’internautes pour les traiter rapidement et convenir
  337.                                     avec eux d’un RDV en centre.</p>
  338.                             </div>
  339.                             <ul class="list-checked list-checked-primary">
  340.                                 <li class="list-checked-item">Intégrer et gérer facilement un pool de centres
  341.                                     franchisés
  342.                                 </li>
  343.                                 <li class="list-checked-item">Création de compte gratuite pour chaque franchisé</li>
  344.                                 <li class="list-checked-item">Facturation à la franchise ou par franchisé</li>
  345.                                 <li class="list-checked-item">Gestion des prospects et clients via l’interface</li>
  346.                                 <li class="list-checked-item">Page marque personnalisée avec produits, offres et
  347.                                     opérations en cours
  348.                                 </li>
  349.                                 <li class="list-checked-item">Centrale de prise de RDV à disposition</li>
  350.                                 <li class="list-checked-item">Paiement sécurisé</li>
  351.                             </ul>
  352.                             <!-- End Info -->
  353.                         </div>
  354.                         <div class="col-lg-7 position-relative">
  355.                             <div class="pl-md-9">
  356.                                 {#                                Dimensions image : 1000px x 663px #}
  357.                                 <!-- Browser Device -->
  358.                                 <figure class="device-browser">
  359.                                     <div class="device-browser-header">
  360.                                         <div class="device-browser-header-btn-list">
  361.                                             <span class="device-browser-header-btn-list-btn"></span>
  362.                                             <span class="device-browser-header-btn-list-btn"></span>
  363.                                             <span class="device-browser-header-btn-list-btn"></span>
  364.                                         </div>
  365.                                         <div class="device-browser-header-browser-bar">www.mon-centre-auditif.com</div>
  366.                                     </div>
  368.                                     <div class="device-browser-frame">
  369.                                         <img class="device-browser-img"
  370.                                              src="{{ asset('build/landing-page/lp-freelancer/franchise.png') }}"
  371.                                              alt="Mon Centre Auditif">
  372.                                     </div>
  373.                                 </figure>
  374.                                 <!-- End Browser Device -->
  375.                             </div>
  376.                             <!-- SVG Component -->
  377.                             <div class="position-absolute bottom-0 left-0 w-75 z-index-n1">
  378.                                 <figure class="ie-abstract-shapes-4">
  379.                                     <img class="js-svg-injector"
  380.                                          src="{{ asset('build/front_v4/svg/components/bg-elements-2.svg') }}"
  381.                                          alt="Espace professionnels Mon Centre Auditif"
  382.                                          data-parent="#SVGmockupBg">
  383.                                 </figure>
  384.                             </div>
  385.                             <!-- End SVG Component -->
  386.                         </div>
  387.                     </div>
  388.                     <!-- End Mockup Block -->
  389.                 </div>
  391.                 <div class="tab-pane fade" id="nav-three-eg2" role="tabpanel" aria-labelledby="nav-three-eg2-tab">
  392.                     <!-- Mockup Block -->
  393.                     <div class="row justify-content-lg-between align-items-lg-center">
  394.                         <div class="col-lg-4 mb-9 mb-lg-0">
  395.                             <!-- Info -->
  396.                             <div class="mb-5">
  397.                                 <h3 class="h3 fw-semibold">Vous êtes une enseigne ?</h3>
  398.                             </div>
  400.                             <ul class="list-checked list-checked-primary">
  401.                                 <li class="list-checked-item">Création d’un compte annonceur gratuite</li>
  402.                                 <li class="list-checked-item">Possibilité d’acquérir les demandes de RDV et de bilan
  403.                                     géolocalisées pour vos centres
  404.                                 </li>
  405.                                 <li class="list-checked-item">Gestion visibilité par centre (indexation, zone de
  406.                                     chalandise, …)
  407.                                 </li>
  408.                                 <li class="list-checked-item">Livraison des prospects par API sécurisée directement dans
  409.                                     votre CRM
  410.                                 </li>
  411.                                 <li class="list-checked-item">Page Enseigne personnalisée avec produits, offres et
  412.                                     opérations en cours
  413.                                 </li>
  414.                             </ul>
  415.                             <!-- End Info -->
  416.                         </div>
  417.                         <div class="col-lg-7 position-relative">
  418.                             <div class="pl-md-9">
  419.                                 {#                                Dimensions image : 1000px x 896px #}
  420.                                 <!-- Browser Device -->
  421.                                 <figure class="device-browser">
  422.                                     <div class="device-browser-header">
  423.                                         <div class="device-browser-header-btn-list">
  424.                                             <span class="device-browser-header-btn-list-btn"></span>
  425.                                             <span class="device-browser-header-btn-list-btn"></span>
  426.                                             <span class="device-browser-header-btn-list-btn"></span>
  427.                                         </div>
  428.                                         <div class="device-browser-header-browser-bar">www.mon-centre-auditif.com</div>
  429.                                     </div>
  431.                                     <div class="device-browser-frame">
  432.                                         <img class="device-browser-img"
  433.                                              src="{{ asset('build/landing-page/lp-freelancer/enseigne.png') }}"
  434.                                              alt="Mon Centre Auditif">
  435.                                     </div>
  436.                                 </figure>
  437.                                 <!-- End Browser Device -->
  438.                             </div>
  439.                             <!-- SVG Component -->
  440.                             <div class="position-absolute bottom-0 left-0 w-75 z-index-n1">
  441.                                 <figure class="ie-abstract-shapes-3">
  442.                                     <img class="js-svg-injector"
  443.                                          src="{{ asset('build/front_v4/svg/components/bg-elements-2.svg') }}"
  444.                                          alt="Espace professionnels Mon Centre Auditif"
  445.                                          data-parent="#SVGmockupBg">
  446.                                 </figure>
  447.                             </div>
  448.                             <!-- End SVG Component -->
  449.                         </div>
  450.                     </div>
  451.                     <!-- End Mockup Block -->
  452.                 </div>
  453.             </div>
  454.             <!-- End Tab Content -->
  455.             <!--End Feature Description -->
  456.         </div>
  457.         <!-- End Features Section -->
  459.         <!-- Contacts -->
  460.         <div class="">
  461.             <div class="bg-primary bg-img-start"
  462.                  style="background-image: url({{ asset('build/front_v4/svg/components/shape-7.svg') }});">
  463.                 <div class="container content-space-t-2 content-space-t-lg-3 content-space-b-1">
  464.                     <!-- Contacts Section -->
  465.                     {% use 'front_v4/mca/landing_page/form/_contact_form.html.twig' with inc_content as form_contact_content %}
  466.                     {{ block('form_contact_content') }}
  467.                     <!-- End Contacts Section -->
  468.                 </div>
  469.             </div>
  470.         </div>
  471.         <!-- End Contacts -->
  473.     </div>
  474. {% endblock content %}
  476. {% block javascripts %}
  477.     <script
  478.             src="https://code.jquery.com/jquery-3.7.1.js"
  479.             integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
  480.             crossorigin="anonymous"></script>
  482.     {{ encore_entry_script_tags('lp_freelancer') }}
  484.     {% use 'front_v4/mca/landing_page/form/_contact_form.html.twig' with inc_javascript as form_contact_javascript %}
  485.     {{ block('form_contact_javascript') }}
  486. {% endblock javascripts %}