{% extends 'frontend/frontend_pro.html.twig' %}
{% block meta_robot %}
{{ parent() }}
<link rel="canonical" href="{{ url('frontend_guarantee_pro') }}"/>
{{ source('stubs/seo/robots_index_follow.html.twig') }}
{% endblock %}
{% block tawkto '' %}
{% block meta_title %}{{ 'seo.landing.guarantee-pro.title'|trans({}, "seo") }}{% endblock %}
{% block meta_desc %}{{ 'seo.landing.guarantee-pro.desc'|trans({}, "seo") }}{% endblock %}
{% block body_content %}
<div class="garantie-premium-pro">
<div class="landing-header">
<h1 class="titre05">
{{ 'frontend.landing.guarantee-pro.header.title'|trans({}, 'landing') }}
<span>{{ 'frontend.landing.guarantee-pro.header.subtitle'|trans({}, 'landing') }}</span>
</h1>
</div>
<div class="landing-content">
<div>
<p>{{ 'frontend.landing.guarantee-pro.content.text01'|trans({}, 'landing')|raw }}</p>
<div class="grid-container block-bg01">
<div class="grid-50 tab-l-100 tab-p-100 m-100">
<div>
<img src="{{ asset('bundles/vpauto/frontend/images/pro/garantie01.png') }}" alt="{{ 'frontend.landing.guarantee-pro.content.block01.title'|trans({}, 'landing') }}" />
<h2>{{ 'frontend.landing.guarantee-pro.content.block01.title'|trans({}, 'landing') }}</h2>
<p class="marginT10">{{ 'frontend.landing.guarantee-pro.content.block01.subtitle'|trans({}, 'landing') }}</p>
<ul class="marginT20">
<li>
<span><i class="icon-garantie07"></i></span>
<h3>{{ 'frontend.landing.guarantee-pro.content.block.item01.title'|trans({}, 'landing') }}</h3>
<p><span>{{ 'frontend.landing.guarantee-pro.content.block01.item01.desc01'|trans({}, 'landing') }}</span><br>
{{ 'frontend.landing.guarantee-pro.content.block01.item01.desc02'|trans({}, 'landing')|raw }}</p>
</li>
<li>
<span><i class="icon-garantie07"></i></span>
<h3>{{ 'frontend.landing.guarantee-pro.content.block.item02.title'|trans({}, 'landing') }}</h3>
<p>{{ 'frontend.landing.guarantee-pro.content.block01.item02.desc'|trans({}, 'landing')|raw }}</p>
</li>
<li>
<span><i class="icon-garantie07"></i></span>
<h3>{{ 'frontend.landing.guarantee-pro.content.block.item03.title'|trans({}, 'landing') }}</h3>
<p>{{ 'frontend.landing.guarantee-pro.content.block.item03.desc'|trans({}, 'landing')|raw }}</p>
</li>
<li>
<span><i class="icon-garantie07"></i></span>
<h3>{{ 'frontend.landing.guarantee-pro.content.block.item04.title'|trans({}, 'landing') }}</h3>
<p>{{ 'frontend.landing.guarantee-pro.content.block01.item04.desc'|trans({}, 'landing')|raw }}</p>
</li>
</ul>
</div>
</div>
<div class="grid-50 tab-l-100 tab-p-100 m-100">
<div>
<img src="{{ asset('bundles/vpauto/frontend/images/pro/garantie02.png') }}" alt="{{ 'frontend.landing.guarantee-pro.content.block02.title'|trans({}, 'landing') }}" />
<h2>{{ 'frontend.landing.guarantee-pro.content.block02.title'|trans({}, 'landing') }}</h2>
<p class="marginT10">{{ 'frontend.landing.guarantee-pro.content.block02.subtitle'|trans({}, 'landing') }}</p>
<ul class="marginT20">
<li>
<span><i class="icon-garantie07"></i></span>
<h3>{{ 'frontend.landing.guarantee-pro.content.block.item01.title'|trans({}, 'landing') }}</h3>
<p>{{ 'frontend.landing.guarantee-pro.content.block02.item01.desc'|trans({}, 'landing')|raw }}</p>
</li>
<li>
<span><i class="icon-garantie07"></i></span>
<h3>{{ 'frontend.landing.guarantee-pro.content.block.item02.title'|trans({}, 'landing') }}</h3>
<p>{{ 'frontend.landing.guarantee-pro.content.block02.item02.desc'|trans({}, 'landing')|raw }}</p>
</li>
<li>
<span><i class="icon-garantie07"></i></span>
<h3>{{ 'frontend.landing.guarantee-pro.content.block.item03.title'|trans({}, 'landing') }}</h3>
<p>{{ 'frontend.landing.guarantee-pro.content.block.item03.desc'|trans({}, 'landing')|raw }}</p>
</li>
<li>
<span><i class="icon-garantie07"></i></span>
<h3>{{ 'frontend.landing.guarantee-pro.content.block.item04.title'|trans({}, 'landing') }}</h3>
<p>{{ 'frontend.landing.guarantee-pro.content.block02.item04.desc'|trans({}, 'landing')|raw }}</p>
</li>
</ul>
</div>
</div>
</div>
<p class="marginT40 txtcenter"><a href="#garantie-cps" title="" class="lien11 fancybox-popup">{{ 'frontend.landing.guarantee-pro.content.button01.label'|trans({}, 'landing') }}</a></p>
</div>
<div class="txtcenter m-hide">
<img src="{{ asset('bundles/vpauto/frontend/images/pro/garantie03.jpg') }}" alt="Garantie négociée" />
</div>
</div>
<div style="display:none"><div id="garantie-cps" class="txtcenter padding10">
<h3 class="titre02"><strong>{{ 'frontend.landing.guarantee-pro.content.modal.title'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10">{{ 'frontend.landing.guarantee-pro.content.modal.subtitle'|trans({}, 'landing') }}</p>
<p class="titre02 marginT20"><strong>09 70 77 28 55</strong></p>
<p class="marginT10">{{ 'frontend.landing.guarantee-pro.content.modal.text01'|trans({}, 'landing') }}</p>
</div></div>
</div>
{% endblock body_content %}