{% extends "base_frontend.html.twig" %}
{% set whoWeAre = true %}
{% block tag_manager %}
<script>
dataLayer = [{
'rubrique': 'Homepage',
}];
</script>
{% endblock %}
{% block layout_content %}
<div class="home">
<!-- Header -->
{% include 'frontend/header.html.twig' %}
<!-- FIN Header -->
<div class="home-top">
<!-- Accroche -->
<div class="txtcenter block01">
<div class="home-accroche no-sales">
<p class="bold color12">{{ 'frontend.home_top.title'|trans }}</p>
<p class="color13">
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) and getParameter('home.header.title') is not null %}
{{ getParameter('home.header.title')|truncate(50) }}
{% else %}
{{ 'frontend.home_top.subtitle'|trans }}
{% endif %}
</p>
{{ render(controller('App\\Controller\\Frontend\\VehicleController:salesCounterAction')) }}
</div>
<div class="home-search no-sales">
<p>
<a href="{{ path('frontend_advantages_auction') }}">{{ 'frontend.home.search.link.discover'|trans }}</a>
</p>
<p>
<a href="{{ path('frontend_vehicle_results') }}">{{ 'frontend.home.search.link.result'|trans }}</a>
</p>
</div>
{% include 'Frontend/home/_home_video.html.twig' %}
</div>
<!-- FIN Accroche -->
</div>
<!-- Home Content -->
<div class="home-content bg-color01 clearfix" role="main">
<!-- Garanties et services -->
{% if not is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_BELGIUM')) %}
<div class="garanties-services marginT60 marginR20 marginL20">
<h2 class="titre01 txtnormal bold">{{ 'frontend.home_content.guarantees_services.title'|trans }}</h2>
<div class="grid-container block-box-shadow marginT20 padding20">
<ul class="marginT30">
<li class="txtcenter">
<a href="{{ path('frontend_guarantee') }}" title="">
<img src="{{ asset('bundles/vpauto/frontend/images/icone04-gris.svg') }}" alt="Garantie" />
</a>
<span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title01'|trans({}, 'landing') }}</strong></span>
</li>
<li class="txtcenter">
<a href="{{ path('frontend_temporary_insurance') }}" title="">
<img src="{{ asset('bundles/vpauto/frontend/images/icone05-gris.svg') }}" alt="Assurance" />
</a>
<span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title02'|trans({}, 'landing') }}</strong></span>
</li>
<li class="txtcenter">
<a href="{{ path('frontend_delivery') }}" title="">
<img src="{{ asset('bundles/vpauto/frontend/images/icone06-gris.svg') }}" alt="Transport" />
</a>
<span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title03'|trans({}, 'landing') }}</strong></span>
</li>
<li class="txtcenter">
<a href="https://vendresonauto.com/demande-estimation/accueil" title="" target="_blank">
<img src="{{ asset('bundles/vpauto/frontend/images/icone07-gris.svg') }}" alt="Revente de votre véhicule" />
</a>
<span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title04'|trans({}, 'landing') }}</strong></span>
</li>
<li class="txtcenter">
<a href="{{ path('frontend_visit_vehicle') }}" title="">
<img src="{{ asset('bundles/vpauto/frontend/images/icone08-gris.svg') }}" alt="Visite sur rdv" />
</a>
<span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title05'|trans({}, 'landing') }}</strong></span>
</li>
<li class="txtcenter">
<a href="{{ path('frontend_registration_card') }}" title="">
<img src="{{ asset('bundles/vpauto/frontend/images/services10-gris.svg') }}" alt="Carte grise – réimmatriculation" />
</a>
<span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title06'|trans({}, 'landing') }}</strong></span>
<span id="garantie"></span>
</li>
</ul>
</div>
</div>
{% endif %}
{# locale based : editorial content #}
{% if 'fr' == app.request.locale and 0 < news|length %}
<div class="marginT60 marginR20 marginL20">
<div class="actus">
<ul class="slider">
{% for n in news %}
<li><a href="{{ n.link }}" target="_blank"><img
src="{{ n.image }}" title="{{ n.title }}"
alt="{{ n.title }}" loading="lazy"></a></li>
{% endfor %}
</ul>
</div>
</div>
<div class="marginT60 marginR20 marginL20">
<div class="grid-container block-box-shadow padding10 txtcenter">
<iframe id='AV_widget_iframe' frameBorder="0" width="100%" height="100%"
src="//cl.avis-verifies.com/fr/cache/3/7/7/3777ea35-f312-e844-e539-4448e34bc940/widget4/3777ea35-f312-e844-e539-4448e34bc940horizontal_index.html"></iframe>
</div>
</div>
{% endif %}
</div>
<!-- FIN Home Content -->
<!--Footer -->
{% include 'frontend/footer.html.twig' %}
<!-- FIN Footer -->
</div>
{% if true == getParameter('marketing_modal.enabled') %}
<a id="modalInfo" href="{{ getParameter('marketing_modal.image') }}"
data-url="{{ getParameter('marketing_modal.link') }}" style="display:none"></a>
{% endif %}
{% endblock layout_content %}