templates/front_v4/mca/hearing_brand/list.html.twig line 59

Open in your IDE?
  1. {% extends 'front_v4/base.html.twig' %}
  3. {% block meta_title %}Les enseignes d’audioprothésistes en France {% if pagination is defined and pagination is not null and pagination.params is not empty %} | Page {{ pagination.currentPageNumber }} {% endif %}{% endblock meta_title %}
  4. {% block meta_description %}Mon centre auditif liste pour vous les plus grandes marques de fabricants d’audioprothèses vendues en France. Trouver facilement ces marques et apprenez-en plus sur leurs spécificités.{% endblock meta_description %}
  6. {% set link_to_lp = path(path_cta_lp, {'utm_source': utm_source_organic, 'utm_content': 'hearing_brand_list'}) %}
  8. {% block content %}
  9.     <!-- ========== MAIN CONTENT ========== -->
  10.     <main id="content" role="main">
  11.         <!-- Hero -->
  12.         <div class="container content-space-2 content-space-t-md-2">
  13.             <div class="row justify-content-md-between align-items-md-center">
  14.                 <div class="col-md-5 mb-7 mb-md-0">
  15.                     <!-- Heading -->
  16.                     <div class="mb-4">
  17.                         <h1 class="h2">Les enseignes auditives</h1>
  18.                         <p>Découvrez les enseignes répertoriés sur <span
  19.                                     class="text-primary text-highlight-warning">Mon Centre Auditif</span>.</p>
  20.                     </div>
  21.                     <!-- End Heading -->
  23.                     {{ form_start(form) }}
  24.                     <!-- Input Card -->
  26.                     <div class="input-card border">
  27.                         <div class="input-card-form">
  28.                             <label for="searchAppsForm" class="form-label visually-hidden">Rechercher...</label>
  29.                             {{ form_widget(form.name) }}
  30.                         </div>
  31.                         {{ form_widget(form.submit) }}
  32.                     </div>
  33.                     <!-- End Input Card -->
  34.                     {{ form_end(form) }}
  35.                 </div>
  36.                 <!-- End Col -->
  38.                 <div class="col-md-5">
  39.                     <img class="img-fluid" src="{{ asset('build/front_v4/svg/illustrations/oc-on-the-go.svg') }}"
  40.                          alt="Bilan auditif Mon Centre Auditif">
  41.                 </div>
  42.                 <!-- End Col -->
  43.             </div>
  44.             <!-- End Row -->
  45.         </div>
  46.         <!-- End Hero -->
  48.         <!-- Card Grid -->
  49.         <div class="container content-space-b-1 content-space-b-lg-2">
  50.             <div class="ps-lg-2">
  51.                 <div class="row gx-3 mb-7 justify-content-center">
  52.                     {% if pagination is defined and pagination is not null %}
  53.                         {% for brand in pagination.items %}
  54.                             <div class="col-sm-6 col-md-4 mb-3">
  55.                                 <!-- Card -->
  56.                                 <div class="card card-bordered card-transition shadow-none h-100 text-center">
  57.                                     <div class="card-body pb-3 pt-5 px-2">
  58.                                         <img class="avatar avatar-xxl avatar-4x3"
  59.                                              src="{{ vich_uploader_asset(brand, 'logoFile') }}"
  60.                                              alt="Appareil auditif {{ brand.name }}" style="max-height: 100px;">
  61.                                     </div>
  62.                                     <div class="card-footer pt-0">
  63.                                         <div class="d-flex align-items-stretch flex-column mb-2">
  64.                                             <h4 class="card-title mb-2">{{ brand.name }}</h4>
  65.                                             <p class="card-text text-body">Découvrez les informations de l'enseigne
  66.                                                 {{ brand.name }}</p>
  67.                                         </div>
  68.                                         {% if brand.name != 'Optical Center' %}
  69.                                             <a class="btn btn-warning btn-transition w-100 mb-3"
  70.                                                href="{{ link_to_lp }}">Demande
  71.                                                 de Bilan Auditif</a>
  72.                                         {% endif %}
  73.                                         <a href="{{ path('hearing_brand_show', {'slug': brand.slug}) }}">
  74.                                         <span class="card-link mb-3 text-primary">Découvrir <i
  75.                                                     class="bi-chevron-right small ms-1"></i></span>
  76.                                         </a>
  77.                                     </div>
  78.                                 </div>
  79.                                 <!-- End Card -->
  80.                             </div>
  81.                             <!-- End Col -->
  82.                         {% endfor %}
  83.                     {% else %}
  84.                         <p class="h5 fw-bold mx-3">Aucun fabricant trouvé</p>
  85.                     {% endif %}
  87.                     <!-- Pagination -->
  88.                     {% if pagination is defined and pagination is not null %}
  89.                         <div class="navigation pagination mt-5 justify-content-center">
  90.                             {% do pagination.setTemplate('@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig') %}
  91.                             {{ knp_pagination_render(pagination) }}
  92.                         </div>
  93.                     {% endif %}
  94.                     <!-- End Pagination -->
  95.                 </div>
  96.                 <!-- End Row -->
  97.             </div>
  98.             <!-- End Card Grid -->
  99.             <!-- Info -->
  100.             <div class="content-space-auto">
  101.                 <div class="row justify-content-lg-between">
  102.                     <div class="col-lg-4 mb-5 mb-lg-0">
  103.                         <h2>Les enseignes référencés sur Mon Centre Auditif.</h2>
  104.                     </div>
  105.                     <!-- End Col -->
  106.                     <div class="col-lg-6">
  107.                         <p class="d-block d-inline">Pour mener un bilan auditif complet et obtenir plus de
  108.                             renseignements sur
  109.                             les appareils auditifs, il
  110.                             faut prendre rendez-vous auprès d’un centre d’audition où un
  111.                             <strong>audioprothésiste</strong>,
  112.                             diplômé
  113.                             d’état, saura vous prendre en charge.</p>
  114.                     </div>
  115.                     <!-- End Col -->
  116.                 </div>
  117.                 <p class="d-block d-inline">En France, de nombreuses enseignes se partagent le marché de l’audition et
  118.                     de l’appareillage. Près de 4500 établissements sont implantés sur le territoire.</p>
  119.                 <p class="d-block d-inline">Comment s’y retrouver? Mon Centre Auditif a répertorié les principales
  120.                     enseignes et <strong>centres auditifs</strong> présents en France. Certains centres sont franchisés,
  121.                     d’autres restent encore indépendants. Certains établissements possèdent une double fonction en
  122.                     audition et optique, d’autres sont dédiés exclusivement à l’audition.</p>
  123.                 <!-- End Row -->
  124.                 <hr>
  125.                 <div class="my-3">
  126.                     <h2 class="text-primary fw-normal font-size-md-down-1">Les grandes enseignes qui se
  127.                         démarquent</h2>
  128.                     <p class="d-block d-inline">Fortement présentes, ces grosses enseignes comptent leurs établissements
  129.                         par centaine. Il s’agit de sociétés internationales ou de réseaux travaillant avec des
  130.                         audioprothésistes indépendants :
  131.                     <ul class="text-secondary">
  132.                         <li>Amplifon, société d’origine italienne,avec plus de 700 centres en France, est leader sur le
  133.                             marché;
  134.                         </li>
  135.                         <li>Audika, réseau d’origine française a été racheté par un groupe danois, avec plus de 500
  136.                             boutiques, est le premier concurrent d’Amplifon;
  137.                         </li>
  138.                         <li>Audilab, réseau d’audioprothésistes indépendants, récemment rattaché à Audika, compte 240
  139.                             centres auditifs;
  140.                         </li>
  141.                         <li>Audition Santé, réseau d’audioprothésistes dénombre plus de 200 centres auditifs répartis en
  142.                             France;
  143.                         </li>
  144.                         <li>enfin Audition Conseil se positionne comme le premier réseau d’indépendants en France avec
  145.                             335
  146.                             centres dispersés aux quatre coins de l’hexagone.
  147.                         </li>
  148.                     </ul>
  149.                     <h2 class="text-primary fw-normal font-size-md-down-1">Les grandes enseignes mixtes en optique
  150.                         et audition</h2>
  151.                     <p class="d-block d-inline">Certaines enseignes sont bien connues du public grâce à leur présence
  152.                         avant
  153.                         tout sur le marché de l’optique. Ces enseignes ont su évoluer et se diversifier en conquérant à
  154.                         leur tour le marché des prothèses auditives. C’est le cas notamment pour :
  155.                     </p>
  156.                     <ul class="text-secondary">
  157.                         <li> Alain Afflelou Acousticien avec 200 espaces auditifs en France;</li>
  158.                         <li>Krys Audition comptant 150 magasins en France mais aussi en Suisse;</li>
  159.                         <li>Optical Center et son volet Audition avec 450 magasins en France;</li>
  160.                         <li>Écouter Voir avec 1200 points de vente dont 370 centres d’audition;</li>
  161.                         <li>Audio 2000, filiale d’Opticien 2000 avec 250 centres;</li>
  162.                         <li>ou encore Atol Audition d’Atol Les Opticiens.</li>
  163.                     </ul>
  164.                     <p class="d-block d-inline">
  165.                     <h2 class="text-primary fw-normal font-size-md-down-1">Les enseignes implantées localement</h2>
  166.                     <p class="d-block d-inline">
  167.                         D’autres enseignes plus petites ou audioprothésistes indépendants sont implantés localement ou
  168.                         régionalement. Par exemple, l’enseigne indépendante Attentiv compte 4 centres en
  169.                         Loire-Atlantique.
  170.                         Audietis possède 3 centres auditifs dans l’Essonne. Audio Solution dénombre 17 centres de
  171.                         correction auditive notamment dans la Loire, la Lozère ou encore la Haute-Loire tandis qu’Audu
  172.                         Audition est présent en Bretagne avec 7 centres.</p>
  173.                 </div>
  174.             </div>
  175.             <!-- End Info -->
  176.             <div class="container content-space-1">
  177.                 {% include 'front_v4/mca/components/_cross_sell_two_cards.html.twig' %}
  178.             </div>
  179.         </div>
  180.         <div class="mb-5 mb-lg-10">
  181.             {% include 'front_v4/mca/components/_cta_full_size_circle.html.twig' %}
  182.         </div>
  183.     </main>
  184.     <!-- ========== END MAIN CONTENT ========== -->
  185. {% endblock content %}
  187. {% block javascripts %}
  188.     {{ encore_entry_script_tags('hearing_maker_single') }}
  189. {% endblock javascripts %}