src/Resources/views/Frontend/landing/services.html.twig line 249

Open in your IDE?
  1. {% extends 'frontend/frontend.html.twig' %}
  3. {% block meta_robot %}
  4.     {{ parent() }}
  5.     <link rel="canonical" href="{{ url('frontend_services') }}"/>
  6.     {{ source('stubs/seo/robots_index_follow.html.twig') }}
  7. {% endblock %}
  9. {% block meta_title %}{{ 'seo.landing.services.title'|trans({}, "seo") }}{% endblock %}
  10. {% block meta_desc %}{{ 'seo.landing.services.desc'|trans({}, "seo") }}{% endblock %}
  12. {% block body_content %}
  14. <div class="services">
  15.     <div class="landing-header">
  16.         <h1 class="titre05">
  17.             {{ 'frontend.landing.services.header.title'|trans({}, 'landing') }}
  18.         </h1>
  19.     </div>
  20.     {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
  21.         <div class="landing-content bg-color01">
  22.             <div>
  23.                 <div>
  24.                     <h2 class="titre01 txtnormal txtcenter">{{ 'frontend.landing.services.fr.content.title'|trans({}, 'landing')|raw }}</h2>
  25.                 </div>
  26.                 <ul class="liste01 marginT30 tab-l-hide tab-p-hide m-hide">
  27.                     <li class="txtcenter">
  28.                         <a href="#garantie" title="">
  29.                             <img src="{{ asset('bundles/vpauto/frontend/images/icone04.svg') }}" alt="Garantie" />
  30.                         </a>
  31.                         <span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title01'|trans({}, 'landing') }}</strong></span>
  32.                     </li>
  33.                     <li class="txtcenter">
  34.                         <a href="#assurance" title="">
  35.                             <img src="{{ asset('bundles/vpauto/frontend/images/icone05.svg') }}" alt="Assurance" />
  36.                         </a>
  37.                         <span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title02'|trans({}, 'landing') }}</strong></span>
  38.                     </li>
  39.                     <li class="txtcenter">
  40.                         <a href="#transport" title="">
  41.                             <img src="{{ asset('bundles/vpauto/frontend/images/icone06.svg') }}" alt="Transport" />
  42.                         </a>
  43.                         <span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title03'|trans({}, 'landing') }}</strong></span>
  44.                     </li>
  45.                     <li class="txtcenter">
  46.                         <a href="#revente-vehicule" title="">
  47.                             <img src="{{ asset('bundles/vpauto/frontend/images/icone07.svg') }}" alt="Revente de votre véhicule" />
  48.                         </a>
  49.                         <span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title04'|trans({}, 'landing') }}</strong></span>
  50.                     </li>
  51.                     <li class="txtcenter">
  52.                         <a href="#visite-rdv" title="">
  53.                             <img src="{{ asset('bundles/vpauto/frontend/images/icone08.svg') }}" alt="Visite sur rdv" />
  54.                         </a>
  55.                         <span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title05'|trans({}, 'landing') }}</strong></span>
  56.                     </li>
  57.                     <li class="txtcenter">
  58.                         <a href="#carte-grise" title="">
  59.                             <img src="{{ asset('bundles/vpauto/frontend/images/services10.svg') }}" alt="Carte grise – réimmatriculation" />
  60.                         </a>
  61.                         <span class="block marginT10 titre03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title06'|trans({}, 'landing') }}</strong></span>
  62.                         <span id="garantie"></span>
  63.                     </li>
  64.                 </ul>
  66.                 <div class="grid-container marginT60">
  67.                     <div class="grid-20 tab-l-25 tab-p-30 m-100 txtcenter">
  68.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone04.svg') }}" class="w-160" alt="Garantie" />
  69.                     </div>
  70.                     <div class="grid-60 tab-l-75 tab-p-70 m-100">
  71.                         <div class="item-content padding10">
  72.                             <h3 class="titre03 color05"><strong>{{ 'frontend.landing.services.fr.content.liste01.title01'|trans({}, 'landing') }}</strong></h3>
  73.                             <p class="marginT10 paddingB20">{{ 'frontend.landing.services.fr.content.item01.desc'|trans({}, 'landing') }}</p>
  74.                             <p><a href="{{ path('frontend_guarantee') }}" class="lien14 bg01" title="">{{ 'frontend.landing.services.fr.content.item01.link'|trans({}, 'landing') }}</a></p>
  75.                             <span id="assurance"></span>
  76.                         </div>
  77.                     </div>
  78.                     <div class="grid-20 tab-l-hide tab-p-hide m-hide">&nbsp;</div>
  79.                 </div>
  81.                 <div class="item-container grid-container marginT60">
  82.                     <div class="item grid-20 tab-l-hide tab-p-hide m-hide">&nbsp;</div>
  83.                     <div class="item grid-60 tab-l-75 tab-p-70 m-100">
  84.                         <div class="item-content padding10 txtright">
  85.                             <h3 class="titre03 color03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title02'|trans({}, 'landing') }}</strong></h3>
  86.                             <p class="marginT10 paddingB20">{{ 'frontend.landing.services.fr.content.item02.desc'|trans({}, 'landing') }}</p>
  87.                             <p><a href="{{ path('frontend_temporary_insurance') }}" class="lien14 bg02" title="">{{ 'frontend.landing.services.fr.content.item02.link'|trans({}, 'landing') }}</a></p>
  88.                             <span id="transport"></span>
  89.                         </div>
  90.                     </div>
  91.                     <div class="item grid-20 tab-l-25 tab-p-30 m-100 txtcenter">
  92.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone05.svg') }}" class="w-160" alt="Assurance" />
  93.                     </div>
  94.                 </div>
  96.                 <div class="grid-container marginT60">
  97.                     <div class="grid-20 tab-l-25 tab-p-30 m-100 txtcenter">
  98.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone06.svg') }}" class="w-160" alt="Transport" />
  99.                     </div>
  100.                     <div class="grid-60 tab-l-75 tab-p-70 m-100">
  101.                         <div class="item-content padding10">
  102.                             <h3 class="titre03 color11"><strong>{{ 'frontend.landing.services.fr.content.liste01.title07'|trans({}, 'landing') }}</strong></h3>
  103.                             <p class="marginT10 paddingB20">{{ 'frontend.landing.services.fr.content.item03.desc'|trans({}, 'landing') }}</p>
  104.                             <p><a href="{{ path('frontend_delivery') }}" class="lien14 bg03" title="">{{ 'frontend.landing.services.fr.content.item03.link'|trans({}, 'landing') }}</a></p>
  105.                             <span id="revente-vehicule"></span>
  106.                         </div>
  107.                     </div>
  108.                     <div class="grid-20 tab-l-hide tab-p-hide m-hide">&nbsp;</div>
  109.                 </div>
  111.                 <div class="item-container grid-container marginT60">
  112.                     <div class="item grid-20 tab-l-hide tab-p-hide m-hide">&nbsp;</div>
  113.                     <div class="item grid-60 tab-l-75 tab-p-70 m-100 m-100">
  114.                         <div class="item-content padding10 txtright">
  115.                             <h3 class="titre03 color03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title08'|trans({}, 'landing') }}</strong></h3>
  116.                             <p class="marginT10 paddingB20">{{ 'frontend.landing.services.fr.content.item04.desc'|trans({}, 'landing')|raw }}</p>
  117.                             <p><a href="https://vendresonauto.com/demande-estimation/accueil" class="lien14 bg02" title="" target="_blank">{{ 'frontend.landing.services.fr.content.item04.link'|trans({}, 'landing') }}</a></p>
  118.                             <span id="visite-rdv"></span>
  119.                         </div>
  120.                     </div>
  121.                     <div class="item grid-20 tab-l-25 tab-p-30 m-100 txtcenter">
  122.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone07.svg') }}" class="w-160" alt="Revente de votre véhicule" />
  123.                     </div>
  124.                 </div>
  126.                 <div class="grid-container marginT60">
  127.                     <div class="grid-20 tab-l-25 tab-p-30 m-100 txtcenter">
  128.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone08.svg') }}" class="w-160" alt="Visite sur rdv" />
  129.                     </div>
  130.                     <div class="grid-60 tab-l-75 tab-p-70 m-100">
  131.                         <div class="item-content padding10">
  132.                             <h3 class="titre03 color11"><strong>{{ 'frontend.landing.services.fr.content.liste01.title05'|trans({}, 'landing') }}</strong></h3>
  133.                             <p class="marginT10 paddingB20">{{ 'frontend.landing.services.fr.content.item05.desc'|trans({}, 'landing')|raw }}</p>
  134.                             <p><a href="{{ path('frontend_visit_vehicle') }}" class="lien14 bg03" title="">{{ 'frontend.landing.services.fr.content.item05.link'|trans({}, 'landing') }}</a></p>
  135.                             <span id="carte-grise"></span>
  136.                         </div>
  137.                     </div>
  138.                     <div class="grid-20 tab-l-hide tab-p-hide m-hide">&nbsp;</div>
  139.                 </div>
  141.                 <div class="item-container grid-container marginT60">
  142.                     <div class="item grid-20 tab-l-hide tab-p-hide m-hide">&nbsp;</div>
  143.                     <div class="item grid-60 tab-l-75 tab-p-70 m-100">
  144.                         <div class="item-content padding10 txtright">
  145.                             <h3 class="titre03 color05"><strong>{{ 'frontend.landing.services.fr.content.liste01.title06'|trans({}, 'landing') }}</strong></h3>
  146.                             <p class="marginT10 paddingB20">{{ 'frontend.landing.services.fr.content.item06.desc'|trans({}, 'landing') }}</p>
  147.                             <p><a href="{{ path('frontend_registration_card') }}" class="lien14 bg01" title="">{{ 'frontend.landing.services.fr.content.item06.link'|trans({}, 'landing') }}</a></p>
  148.                         </div>
  149.                     </div>
  150.                     <div class="item grid-20 tab-l-25 tab-p-30 m-100 txtcenter">
  151.                         <img src="{{ asset('bundles/vpauto/frontend/images/services10.svg') }}" class="w-160" alt="Carte grise – réimmatriculation" />
  152.                     </div>
  153.                 </div>
  155.                 <div class="grid-container marginT60">
  156.                     <div class="grid-20 tab-l-25 tab-p-30 m-100 txtcenter">
  157.                         <img src="{{ asset('bundles/vpauto/frontend/images/services11.png') }}" class="w-160" alt="Assurance complémentaire" />
  158.                     </div>
  159.                     <div class="grid-60 tab-l-75 tab-p-70 m-100">
  160.                         <div class="item-content padding10">
  161.                             <h3 class="titre03 color03"><strong>{{ 'frontend.landing.services.fr.content.liste01.title09'|trans({}, 'landing') }}</strong></h3>
  162.                             <p class="marginT10 paddingB20">{{ 'frontend.landing.services.fr.content.item07.desc'|trans({}, 'landing')|raw }}</p>
  163.                             <p><a href="{{ path('frontend_roole_insurance') }}" class="lien14 bg02" title="">{{ 'frontend.landing.services.fr.content.item07.link'|trans({}, 'landing') }}</a></p>
  164.                         </div>
  165.                     </div>
  166.                     <div class="grid-20 tab-l-hide tab-p-hide m-hide">&nbsp;</div>
  167.                 </div>
  168.             </div>
  169.         </div>
  170.     {% else %}
  171.         <div class="landing-content">
  172.             <div>
  173.                 <h2 class="titre01 txtcenter">{{ 'frontend.landing.services.content.title'|trans({}, 'landing')|raw }}</h2>
  174.             </div>
  176.             <div class="block01 grid-container marginT20">
  177.                 <!-- TODO: Financer son achat temporairement retiré
  178.                 <div class="grid-50 tab-p-100 m-100">
  179.                     <div>
  180.                         <img src="{{ asset('bundles/vpauto/frontend/images/services02.jpg') }}" alt="financer son achat"/>
  181.                         <h2 class="titre04 marginT10 txtcenter">{{ 'frontend.landing.services.content.block01.title'|trans({}, 'landing') }}</h2>
  182.                         <p class="marginT20">{{ 'frontend.landing.services.content.block01.text01'|trans({}, 'landing') }}</p>
  183.                         <p class="marginT20">{{ 'frontend.landing.services.content.block01.text02'|trans({}, 'landing') }}</p>
  184.                         <p class="marginT30 txtcenter"><a href="https://www3.credit-conso.org/vpauto.htm" target="_blank" class="lien09 marginT10">{{ 'frontend.landing.services.content.block01.button01.label'|trans({}, 'landing') }}</a></p>
  185.                     </div>
  186.                 </div>
  187.                 -->
  188.                 {% if not is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_SPAIN')) %}
  189.                 <div class="grid-50 tab-p-100 m-100">
  190.                     <div>
  191.                         <img src="{{ asset('bundles/vpauto/frontend/images/services04.jpg') }}" alt="garantie" />
  192.                         <h2 class="titre04 marginT10 txtcenter">{{ 'frontend.landing.services.content.block02.title'|trans({}, 'landing') }}</h2>
  193.                         <p class="marginT20">{{ 'frontend.landing.services.content.block02.text01'|trans({}, 'landing') }}</p>
  194.                         {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_BELGIUM')) %}
  195.                             <p class="marginT20">{{ 'frontend.landing.services.content.block02.text04'|trans({}, 'landing') }}</p>
  196.                         {% else %}
  197.                             <p class="marginT20">{{ 'frontend.landing.services.content.block02.text02'|trans({}, 'landing') }}</p>
  198.                         {% endif %}
  199.                         {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
  200.                             <p class="marginT20">{{ 'frontend.landing.services.content.block02.text03'|trans({}, 'landing') }}</p>
  201.                         {% endif %}
  202.                         <p class="marginT30 txtcenter">
  203.                             <a {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_BELGIUM')) %}href="{{ asset('bundles/vpauto/pdf/FPST486TA_PREMIUM_VPAUTO_vf.pdf') }}" target="_blank"{% else %}href="{{ path('frontend_guarantee') }}"{% endif %} class="lien09 marginT10">
  204.                                 {{ 'frontend.landing.services.content.block02.button01.label'|trans({}, 'landing') }}
  205.                             </a>
  206.                         </p>
  207.                     </div>
  208.                 </div>
  209.                 {% endif %}
  210.                 <div class="grid-50 tab-p-100 m-100">
  211.                     {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_BELGIUM')) %}
  212.                         <div>
  213.                             <img src="{{ asset('bundles/vpauto/frontend/images/services01.jpg') }}" alt="{{ 'frontend.landing.services.content.block03.be.title'|trans({}, 'landing') }}"/>
  214.                             <h2 class="titre04 marginT10 txtcenter">{{ 'frontend.landing.services.content.block03.be.title'|trans({}, 'landing') }}</h2>
  215.                             <p class="marginT20">{{ 'frontend.landing.services.content.block03.be.text01'|trans({}, 'landing')|raw }}</p>
  216.                         </div>
  217.                     {% else %}
  218.                         <div>
  219.                             <img src="{{ asset('bundles/vpauto/frontend/images/services01.jpg') }}" alt="assurer son auto"/>
  220.                             <h2 class="titre04 marginT10 txtcenter">{{ 'frontend.landing.services.content.block03.title'|trans({}, 'landing') }}</h2>
  221.                             <p class="marginT20">{{ 'frontend.landing.services.content.block03.text01'|trans({}, 'landing') }}</p>
  222.                             <p class="marginT20">{{ 'frontend.landing.services.content.block03.text02'|trans({}, 'landing') }}</p>
  223.                             {% if not is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_PORTUGAL')) %}
  224.                                 <p class="marginT30 txtcenter"><a href="{{ path('frontend_temporary_insurance') }}" class="lien09 marginT10">{{ 'frontend.landing.services.content.block03.button01.label'|trans({}, 'landing') }}</a></p>
  225.                             {% endif %}
  226.                         </div>
  227.                     {% endif %}
  228.                 </div>
  229.             </div>
  231.             {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
  232.                 <div class="block01 grid-container marginT40">
  233.                     <div class="grid-50 tab-p-100 m-100">
  234.                         <div>
  235.                             <img src="{{ asset('bundles/vpauto/frontend/images/services03.jpg') }}" alt="livraison de vehicule"/>
  236.                             <h2 class="titre04 marginT10 txtcenter">{{ 'frontend.landing.services.content.block04.title'|trans({}, 'landing') }}</h2>
  237.                             <p class="marginT20">{{ 'frontend.landing.services.content.block04.text01'|trans({}, 'landing') }}</p>
  238.                             <p class="marginT20">{{ 'frontend.landing.services.content.block04.text02'|trans({}, 'landing') }}</p>
  239.                             <p class="marginT20">{{ 'frontend.landing.services.content.block04.text03'|trans({}, 'landing') }}</p>
  240.                             <p class="marginT20">{{ 'frontend.landing.services.content.block04.text04'|trans({}, 'landing') }}</p>
  241.                         </div>
  242.                     </div>
  243.                 </div>
  244.             {% endif %}
  245.         </div>
  246.     {% endif %}
  247. </div>
  248. <!--Footer -->
  249. {% include 'frontend/footer.html.twig' %}
  250. <!-- FIN Footer -->
  251. {% endblock body_content %}