{% extends 'frontend/frontend.html.twig' %}
{% block meta_title %}{{ 'seo.landing.accessMap.title'|trans({}, "seo") }}{% endblock %}
{% block meta_desc %}{{ 'seo.landing.accessMap.desc'|trans({}, "seo") }}{% endblock %}
{% block meta_robot %}
{{ parent() }}
<link rel="canonical" href="{{ url('frontend_salesrooms') }}" />
{{ source('stubs/seo/robots_index_follow.html.twig') }}
{% endblock %}
{% block tawkto %}
{% if type is not defined or type == 'private' %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block body_content %}
<div class="plan-acces">
<div class="landing-header">
<h1 class="titre05">
{{ 'frontend.landing.access_map.header.title'|trans({}, 'landing') }}
</h1>
</div>
<div class="landing-content bg-color01">
<div>
<div class="block01">
<div class="marginR20 marginB30">
<h2 class="titre01 txtnormal bold">{{ 'frontend.landing.access_map.content.title01'|trans({}, 'landing') }}</h2>
<p class="marginT20">
<span class="m-hide">{{ 'frontend.landing.access_map.content.text01'|trans({}, 'landing')|raw }}</span>
<span class="grid-hide m-visible">{{ 'frontend.landing.access_map.content.text01.mobile'|trans({}, 'landing')|raw }}</span>
</p>
<p>{{ 'frontend.landing.access_map.content.text02'|trans({}, 'landing')|raw }}</p>
<h3 class="titre03 bold marginT40">{{ 'frontend.landing.access_map.content.title02'|trans({}, 'landing') }}</h3>
<p class="font16 bold marginT10">{{ 'frontend.landing.access_map.content.text03'|trans({}, 'landing')|raw }}</p>
<p class="marginT20">
<a href="{% if (app.user is not null and app.user is pro) or 'pro' == app.session.get('dimension') %}{{ path('frontend_contact_pro') }}{% else %}{{ path('frontend_contact') }}{% endif %}" class="lien14 bg01" title="">
{{ 'frontend.landing.access_map.content.link02'|trans({}, 'landing') }}
</a>
</p>
</div>
<div class="txtcenter">
<div class="carte m-hide">
<img src="{{ asset('bundles/vpauto/frontend/images/carte-france.webp') }}" alt="Carte France" usemap="#image-map">
<map name="image-map">
<area target="" alt="" title="" href="{{ path('frontend_room_lorient') }}" coords="75,134,107,189" shape="rect" class="salle-lorient">
<area target="" alt="" title="" href="{{ path('frontend_room_nantes') }}" coords="124,158,156,214" shape="rect" class="salle-nantes">
<area target="" alt="" title="" href="{{ path('frontend_room_rouen') }}" coords="195,70,227,125" shape="rect" class="salle-rouen">
<area target="" alt="" title="" href="{{ path('frontend_room_lyon') }}" coords="288,213,321,267" shape="rect" class="salle-lyon">
<area target="" alt="" title="" href="{{ path('frontend_room_paris') }}" coords="237,125,268,180" shape="rect" class="salle-paris">
<area target="" alt="" title="" href="{{ path('frontend_room_bordeaux') }}" coords="142,244,174,299" shape="rect" class="salle-bordeaux">
<area target="" alt="" title="" href="{{ path('frontend_room_marseille') }}" coords="278,288,309,344" shape="rect" class="salle-marseille">
<area target="" alt="" title="" href="{{ path('frontend_room_lille') }}" coords="242,36,273,91" shape="rect" class="salle-lille">
</map>
<div class="nom-salle lorient">VPauto Lorient</div>
<div class="nom-salle nantes">VPauto Nantes</div>
<div class="nom-salle rouen">VPauto Rouen</div>
<div class="nom-salle lyon">VPauto Lyon</div>
<div class="nom-salle paris">VPauto Paris</div>
<div class="nom-salle bordeaux">VPauto Bordeaux</div>
<div class="nom-salle marseille">VPauto Marseille</div>
<div class="nom-salle lille">VPauto Lille</div>
</div>
<div class="grid-hide m-visible">
<img src="{{ asset('bundles/vpauto/frontend/images/carte-france.webp') }}" alt="Carte France">
</div>
</div>
</div>
<div class="marginT60">
<h2 class="titre01 txtnormal bold">{{ 'frontend.landing.access_map.content.title03'|trans({}, 'landing') }}</h2>
<ul class="liste01">
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/point-vente-lorient.webp') }}" alt="salle de Lorient">
<div>
<h3><strong class="titre03 color05">VPauto Lorient</strong> <span><br>277 rue de Kerpont <br>56850 Caudan</span></h3>
<a href="{{ path('frontend_room_lorient') }}" title="" class="lien14 bg01 marginT20">{{ 'frontend.landing.access_map.content.link01'|trans({}, 'landing') }}</a>
</div>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/point-vente-nantes.webp') }}" alt="salle de Nantes">
<div>
<h3><strong class="titre03 color05">VPauto Nantes</strong> <span><br>362 route de Clisson <br>44120 Vertou</span></h3>
<a href="{{ path('frontend_room_nantes') }}" title="" class="lien14 bg01 marginT20">{{ 'frontend.landing.access_map.content.link01'|trans({}, 'landing') }}</a>
</div>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/point-vente-rouen.webp') }}" alt="salle de Rouen">
<div>
<h3><strong class="titre03 color05">VPauto Rouen</strong> <span><br>555 route de Dieppe <br>76710 Anceaumeville</span></h3>
<a href="{{ path('frontend_room_rouen') }}" title="" class="lien14 bg01 marginT20">{{ 'frontend.landing.access_map.content.link01'|trans({}, 'landing') }}</a>
</div>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/point-vente-lyon.webp') }}" alt="salle de Lyon">
<div>
<h3><strong class="titre03 color05">VPauto Lyon</strong> <span><br>81 impasse du belvédère <br>69124 Colombier-Saugnieu</span></h3>
<a href="{{ path('frontend_room_lyon') }}" title="" class="lien14 bg01 marginT20">{{ 'frontend.landing.access_map.content.link01'|trans({}, 'landing') }}</a>
</div>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/point-vente-paris-nord.webp') }}" alt="salle de Paris">
<div>
<h3><strong class="titre03 color05">VPauto Paris</strong> <span><br>ZA les roseaux <br> 1 rue de l'Île-de-France <br>94460 Valenton</span></h3>
<a href="{{ path('frontend_room_paris') }}" title="" class="lien14 bg01 marginT20">{{ 'frontend.landing.access_map.content.link01'|trans({}, 'landing') }}</a>
</div>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/point-vente-bordeaux.webp') }}" alt="salle de Bordeaux">
<div>
<h3><strong class="titre03 color05">VPauto Bordeaux</strong> <span><br>Rue du Port <br>33530 Bassens</span></h3>
<a href="{{ path('frontend_room_bordeaux') }}" title="" class="lien14 bg01 marginT20">{{ 'frontend.landing.access_map.content.link01'|trans({}, 'landing') }}</a>
</div>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/point-vente-marseille.webp') }}" alt="salle de Marseille">
<div>
<h3><strong class="titre03 color05">VPauto Marseille</strong> <span><br>Quartier du Parc de l'Artillerie <br>Chemin Calameau <br>13140 Miramas</span></h3>
<a href="{{ path('frontend_room_marseille') }}" title="" class="lien14 bg01 marginT20">{{ 'frontend.landing.access_map.content.link01'|trans({}, 'landing') }}</a>
</div>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/point-vente-lille.webp') }}" alt="salle de Lille">
<div>
<h3><strong class="titre03 color05">VPauto Lille</strong> <span><br>ZI des Ansereuilles <br>59136 Wavrin</span></h3>
<a href="{{ path('frontend_room_lille') }}" title="" class="lien14 bg01 marginT20">{{ 'frontend.landing.access_map.content.link01'|trans({}, 'landing') }}</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--Footer -->
{% if (app.user is not null and app.user is pro) or 'pro' == app.session.get('dimension') %}
{% include 'frontend/footer_pro.html.twig' %}
{% else %}
{% include 'frontend/footer.html.twig' %}
{% endif %}
<!-- FIN Footer -->
{% endblock body_content %}