src/Resources/views/Frontend/landing/guarantee.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/frontend.html.twig' %}
  3. {% block meta_robot %}
  4.     {{ parent() }}
  5.     <link rel="canonical" href="{{ url('frontend_guarantee') }}"/>
  6.     {{ source('stubs/seo/robots_index_follow.html.twig') }}
  7. {% endblock %}
  9. {% block meta_title %}{{ 'seo.landing.guarantee.title'|trans({}, "seo") }}{% endblock %}
  10. {% block meta_desc %}{{ 'seo.landing.guarantee.desc'|trans({}, "seo") }}{% endblock %}
  12. {% block body_content %}
  14.     <div class="garantie-premium">
  15.         <div class="landing-header">
  16.             <h1 class="titre05">
  17.                 {{ 'frontend.landing.guarantee.header.title'|trans({}, 'landing') }}
  18.                 {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
  19.                     <span>{{ 'frontend.landing.guarantee.header.subtitle'|trans({}, 'landing') }}</span>
  20.                 {% endif %}
  21.             </h1>
  22.         </div>
  23.         <div class="landing-content bg-color01">
  24.             {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_PORTUGAL')) %}
  25.                 <div class="content-block-pt">
  26.                     {{ 'frontend.landing.guarantee.pt.content.section00.text01'|trans({}, 'landing')|raw }}
  27.                     <h2 class="titre01 marginT10 bold">{{ 'frontend.landing.guarantee.pt.content.section01.title'|trans({}, 'landing') }}</h2>
  28.                     {{ 'frontend.landing.guarantee.pt.content.section01.text01'|trans({'%href%': asset('bundles/vpauto/pdf/CPS-notice-d-information.pdf')}, 'landing')|raw }}
  29.                     <h2 class="titre01 marginT10 bold">{{ 'frontend.landing.guarantee.pt.content.section02.title'|trans({}, 'landing') }}</h2>
  30.                     <p>
  31.                         {{ 'frontend.landing.guarantee.pt.content.section02.text01'|trans({}, 'landing') }}
  32.                         <a href="mailto:cliente@carprotectionservices.com" class="lien03">cliente@carprotectionservices.com</a>
  33.                     </p>
  34.                     <p>
  35.                         {{ 'frontend.landing.guarantee.pt.content.section02.text02'|trans({}, 'landing') }}
  36.                         <a href="mailto:avaria@carprotectionservices.com" class="lien03">avaria@carprotectionservices.com</a>
  37.                     </p>
  39.                     <div class="bg-img03 m-hide">
  40.                         <div class="titre01">{{ 'frontend.landing.guarantee.pt.content.section03.text01'|trans({}, 'landing')|raw }}</div>
  41.                     </div>
  42.                 </div>
  43.             {% elseif is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_BELGIUM')) %}
  44.                 <div class="content-block-be">
  45.                     <div class="grid-container">
  46.                         {% if 'fr' == app.request.locale %}
  47.                             <div class="left marginR20"><img src="{{ asset('bundles/vpauto/frontend/images/icones/garantie-premium-fr.png') }}" alt="Garantie premium"></div>
  48.                         {% endif %}
  49.                         <div>
  50.                             {{ 'frontend.landing.guarantee.be.content.section00.text01'|trans({}, 'landing')|raw }}
  51.                         </div>
  52.                     </div>
  54.                     <h2 class="titre01 marginT40 bold">{{ 'frontend.landing.guarantee.be.content.section01.title'|trans({}, 'landing') }}</h2>
  55.                     {{ 'frontend.landing.guarantee.be.content.section01.text01'|trans({}, 'landing')|raw }}
  57.                     <h2 class="titre01 marginT40 bold">{{ 'frontend.landing.guarantee.be.content.section02.title'|trans({}, 'landing') }}</h2>
  58.                     <p>
  59.                         {{ 'frontend.landing.guarantee.be.content.section02.text01'|trans({}, 'landing') }}
  60.                         <a href="mailto:src@carprotectionservices.com" class="lien03">src@carprotectionservices.com</a>
  61.                     </p>
  62.                     <p>
  63.                         {{ 'frontend.landing.guarantee.be.content.section02.text02'|trans({}, 'landing') }}
  64.                         <a href="mailto:sinistres@carprotectionservices.com" class="lien03">sinistres@carprotectionservices.com</a>
  65.                     </p>
  66.                     {% if 'fr' == app.request.locale or 'nl' == app.request.locale %}
  67.                         <p><a href="{{ asset('bundles/vpauto/pdf/FPST486TA_PREMIUM_VPAUTO_vf.pdf') }}" class="lien03" target="_blank">{{ 'frontend.landing.guarantee.be.content.section02.link01'|trans({}, 'landing') }}</a></p>
  68.                     {% endif %}
  69.                 </div>
  70.             {% else %}
  71.                 <div>
  72.                     <h2 class="titre01 txtnormal">{{ 'frontend.landing.guarantee.content.title01'|trans({}, 'landing')|raw }}</h2>
  73.                     <p class="marginT20">{{ 'frontend.landing.guarantee.content.text01'|trans({}, 'landing')|raw }}</p>
  75.                     <div class="block01 max-width-800">
  76.                         <div class="txtcenter">
  77.                             <img src="{{ asset('bundles/vpauto/frontend/images/garantie-premium01.webp') }}" width="104px" alt="Garantie premium">
  78.                         </div>
  79.                         <div class="grid-container block-box-shadow">
  80.                             <div class="marginT20 paddingR20 marginB20 marginL20">
  81.                                 <h3 class="titre03 color10 bold txtcenter marginB20">{{ 'frontend.landing.guarantee.content.item01.title'|trans({}, 'landing')|raw }}</h3>
  82.                                 <ul class="liste01 max-width-500">{{ 'frontend.landing.guarantee.content.item01.list'|trans({}, 'landing')|raw }}</ul>
  83.                                 <div class="txtcenter marginT20">
  84.                                     <a href="{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_PORTUGAL')) %}{{ asset('bundles/vpauto/pdf/Garantia_VP_2021.pdf') }}{% else %}{{ asset('bundles/vpauto/pdf/Fiche-produit-VP-premium.pdf') }}{% endif %}" target="_blank" title="" class="lien12">{{ 'frontend.landing.guarantee.content.item01.link'|trans({}, 'landing')|raw }}</a>
  85.                                 </div>
  86.                                 <div class="max-width-500 marginT20 txtcenter">{{ 'frontend.landing.guarantee.content.item01.text01'|trans({}, 'landing')|raw }}</div>
  87.                             </div>
  88.                         </div>
  89.                     </div>
  91.                     <div
  92.                         style="
  93.                             margin: 20px;
  94.                             width: 100%;
  95.                             position: relative;
  96.                             overflow: visible;
  97.                         "
  98.                     >
  99.                         <img
  100.                             src="{{ asset('bundles/vpauto/frontend/images/garantie-premium02.svg') }}"
  101.                             class="disapear-on-mobile page-guarantee-image2"
  102.                             alt="Étape suivante"
  103.                         >
  104.                         <div class="max-width-800">
  105.                             <h2 class="titre01 txtnormal txtcenter bold">{{ 'frontend.landing.guarantee.content.title02'|trans({}, 'landing')|raw }}</h2>
  106.                         </div>
  107.                     </div>
  109.                     <div
  110.                         class="grid-container block-box-shadow max-width-800"
  111.                         style="
  112.                             position: relative;
  113.                             overflow: visible;
  114.                             display: flex;
  115.                             flex-direction: column;
  116.                             align-items: center;
  117.                             padding: 20px;
  118.                         "
  119.                     >
  120.                         <h3 class="titre03 color10 bold txtcenter marginB20">{{ 'frontend.landing.guarantee.content.item02.title01'|trans({}, 'landing')|raw }}</h3>
  121.                         <ul class="liste01 max-width-500" style="margin-bottom: 10px">{{ 'frontend.landing.guarantee.content.item02.list'|trans({}, 'landing')|raw }}</ul>
  122.                         <img
  123.                             src="{{ asset('bundles/vpauto/frontend/images/garantie-premium03.svg') }}"
  124.                             class="page-guarantee-image3"
  125.                             alt="Un conseiller dédié"
  126.                         >
  127.                         <div class="txtcenter" style="margin-top: 10px">
  128.                             <p class="titre03 color10 bold marginT20">{{ 'frontend.landing.guarantee.content.item02.title02'|trans({}, 'landing')|raw }}</p>
  129.                             <p class="marginT10">
  130.                                 {{ 'frontend.landing.guarantee.content.item02.tel'|trans({}, 'landing')|raw }} :
  131.                                 <span class="m-hide">09 70 77 28 59</span>
  132.                                 <a href="tel:0970772859" title="" class="lien-tel-m grid-hide tab-l-hide tab-p-hide m-visible">09 70 77 28 59</a>
  133.                             </p>
  134.                             <p class="marginT10">E-mail : <a href="mailto:contact@carprotectionservices.com" title="">contact@carprotectionservices.com</a></p>
  135.                         </div>
  136.                     </div>
  138.                     <div
  139.                         class="grid-container block-box-shadow max-width-800"
  140.                         style="
  141.                             position: relative;
  142.                             overflow: visible;
  143.                             margin-top: 120px;
  144.                             display: flex;
  145.                             flex-direction: column;
  146.                             align-items: center;
  147.                             padding: 20px;
  148.                         "
  149.                     >
  150.                         <h3 class="titre03 color10 bold txtcenter" style="margin-bottom: 10px">{{ 'frontend.landing.guarantee.content.item03.title'|trans({}, 'landing')|raw }}</h3>
  151.                         <img
  152.                             src="{{ asset('bundles/vpauto/frontend/images/garantie-premium04.svg') }}"
  153.                             class="page-guarantee-image4"
  154.                             alt="CPS, un partenaire de référence"
  155.                         >
  156.                         <ul class="liste01 max-width-500" style="margin-top: 10px">{{ 'frontend.landing.guarantee.content.item03.list'|trans({}, 'landing')|raw }}</ul>
  157.                         <div class="max-width-500 marginT40 txtcenter color11 bold">{{ 'frontend.landing.guarantee.content.item03.text01'|trans({ '%tel%': '09 70 77 28 50', '%telMobile%': '0970772850', '%email%' : 'sinistres@carprotectionservices.com' }, 'landing')|raw }}</div>
  158.                     </div>
  160.                     <div
  161.                         class="grid-container block-box-shadow max-width-800"
  162.                         style="
  163.                             position: relative;
  164.                             overflow: visible;
  165.                             margin-top: 120px;
  166.                             display: flex;
  167.                             flex-direction: column;
  168.                             align-items: center;
  169.                             padding: 20px;
  170.                         "
  171.                     >
  172.                         <img
  173.                             src="{{ asset('bundles/vpauto/frontend/images/garantie-premium05.svg') }}"
  174.                             class="page-guarantee-image5"
  175.                             alt="Professionnels de l'automobile"
  176.                         />
  177.                         <div
  178.                             style="
  179.                                 max-width: 500px;
  180.                                 display: flex;
  181.                                 flex-direction: column;
  182.                                 align-items: center;
  183.                             "
  184.                         >
  185.                             <h3 class="titre03 color10 bold txtcenter marginB20" style="margin-top: 10px">{{ 'frontend.landing.guarantee.content.item04.title'|trans({}, 'landing')|raw }}</h3>
  186.                             <div class="marginT20 txtcenter">{{ 'frontend.landing.guarantee.content.item04.text01'|trans({ '%tel%': '09 70 77 28 59', '%telMobile%': '0970772859' }, 'landing')|raw }}</div>
  187.                         </div>
  188.                     </div>
  189.                 </div>
  190.             {% endif %}
  191.         </div>
  192.     </div>
  193.     <!--Footer -->
  194.     {% include 'frontend/footer.html.twig' %}
  195.     <!-- FIN Footer -->
  196. {% endblock body_content %}