src/Resources/views/Frontend/landing/auction.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_understand_auction') }}"/>
  6.     {{ source('stubs/seo/robots_index_follow.html.twig') }}
  7. {% endblock %}
  9. {% block meta_title %}{{ 'seo.landing.auction.title'|trans({}, "seo") }}{% endblock %}
  10. {% block meta_desc %}{{ 'seo.landing.auction.desc'|trans({}, "seo") }}{% endblock %}
  12. {% block body_content %}
  14. <div class="comprendre-encheres">
  15.     <div class="landing-header">
  16.         <h1 class="titre05">
  17.             {{ 'frontend.landing.auction.header.title'|trans({}, 'landing') }}
  18.         </h1>
  19.     </div>
  20.     <div class="landing-content bg-color01">
  21.         <div>
  22.             <div>
  23.                 <h2 class="titre01 txtnormal"><strong>{{ 'frontend.landing.auction.content.item01.title'|trans({}, 'landing') }}</strong></h2>
  24.                 <p class="marginT20">{{ 'frontend.landing.auction.content.item01.desc'|trans({}, 'landing') }}</p>
  25.                 <ul class="liste01 marginT20">
  26.                     <li class="txtcenter padding10">
  27.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone07.svg') }}" alt="Grand choix de véhicules" />
  28.                         <span class="block marginT10"><strong>{{ 'frontend.landing.auction.content.item01.label01'|trans({}, 'landing') }}</strong></span>
  29.                     </li>
  30.                     <li class="txtcenter padding10">
  31.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone09.svg') }}" alt="Véhicules testés et contrôlés" />
  32.                         <span class="block marginT10"><strong>{{ 'frontend.landing.auction.content.item01.label02'|trans({}, 'landing') }}</strong></span>
  33.                     </li>
  34.                     <li class="txtcenter padding10">
  35.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone04.svg') }}" alt="Véhicules garantis" />
  36.                         <span class="block marginT10"><strong>{{ 'frontend.landing.auction.content.item01.label03'|trans({}, 'landing') }}</strong></span>
  37.                     </li>
  38.                     <li class="txtcenter padding10">
  39.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone10.svg') }}" alt="Meilleurs prix du marché" />
  40.                         <span class="block marginT10"><strong>{{ 'frontend.landing.auction.content.item01.label04'|trans({}, 'landing') }}</strong></span>
  41.                     </li>
  42.                 </ul>
  43.             </div>
  45.             <div>
  46.                 <h2 class="titre01 txtnormal flex">
  47.                     <span><strong>{{ 'frontend.landing.auction.content.item02.title'|trans({}, 'landing') }}</strong></span>
  48.                     <img src="{{ asset('bundles/vpauto/frontend/images/fleche01.webp') }}" class="marginT10 marginL10 tab-l-hide tab-p-hide m-hide" alt="Découvrez les enchères VPauto en vidéo" />
  49.                 </h2>
  50.                 <div class="video-container video" >
  51.                     {% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_SPAIN')) %}
  52.                         <object type="application/x-shockwave-flash"  data="https://www.youtube.com/v/K7Vl9j9uZpI">
  53.                             <param name="movie" value="https://www.youtube.com/v/K7Vl9j9uZpI" />
  54.                             <param name="wmode" value="transparent" />
  55.                         </object>
  56.                     {% elseif is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_BELGIUM')) or app.request.locale == 'nl' %}
  57.                         {% if app.request.locale == 'fr' %}
  58.                             <object type="application/x-shockwave-flash"  data="https://www.youtube.com/v/0mDPEZfhJN4">
  59.                                 <param name="movie" value="https://www.youtube.com/v/0mDPEZfhJN4" />
  60.                                 <param name="wmode" value="transparent" />
  61.                             </object>
  62.                         {% else %}
  63.                             <object type="application/x-shockwave-flash"  data="https://www.youtube.com/v/kxV3D4aG0KU">
  64.                             <param name="movie" value="https://www.youtube.com/v/kxV3D4aG0KU" />
  65.                             <param name="wmode" value="transparent" />
  66.                         </object>
  67.                         {% endif %}
  68.                     {% else %}
  69.                         <object type="application/x-shockwave-flash"  data="https://www.youtube.com/v/fS1zmquHKQs">
  70.                             <param name="movie" value="https://www.youtube.com/v/fS1zmquHKQs" />
  71.                             <param name="wmode" value="transparent" />
  72.                         </object>
  73.                     {% endif %}
  74.                 </div>
  75.             </div>
  77.             <div class="grid-container block-flex block-box-shadow marginT60 flex">
  78.                 <div class="grid-40 tab-l-40 tab-p-40 m-100 flex justify-content-center">
  79.                     <div class="marginT20 marginR20 marginL20 flex align-items-end">
  80.                         <img src="{{ asset('bundles/vpauto/frontend/images/comprendre-encheres01.webp') }}" class="img01" alt="rechercher" />
  81.                     </div>
  82.                 </div>
  83.                 <div class="grid-60 tab-l-60 tab-p-60 m-100">
  84.                     <div class="marginT20 paddingR20 marginB20 marginL20">
  85.                         <h3 class="titre03 color03"><strong>{{ 'frontend.landing.auction.content.item03.title'|trans({}, 'landing') }}</strong></h3>
  86.                         <p class="marginT20 paddingB20">{{ 'frontend.landing.auction.content.item03.desc'|trans({}, 'landing')|raw }}</p>
  87.                         <p><a href="{{ path('frontend_vehicle_list') }}" class="lien14 bg02" title="">{{ 'frontend.landing.auction.content.item03.link'|trans({}, 'landing') }}</a></p>
  88.                     </div>
  89.                 </div>
  90.             </div>
  92.             <div class="grid-container block-flex block-box-shadow marginT60 flex">
  93.                 <div class="grid-60 tab-l-60 tab-p-60 m-100 order-2">
  94.                     <div class="marginT20 paddingR20 marginB20 marginL20">
  95.                         <h3 class="titre03 color11"><strong>{{ 'frontend.landing.auction.content.item04.title'|trans({}, 'landing') }}</strong></h3>
  96.                         <p class="marginT20 paddingB20">{{ 'frontend.landing.auction.content.item04.desc'|trans({}, 'landing')|raw }}</p>
  97.                         <p><a href="{{ path('frontend_visit_vehicle') }}" class="lien14 bg03" title="">{{ 'frontend.landing.auction.content.item04.link'|trans({}, 'landing') }}</a></p>
  98.                     </div>
  99.                 </div>
  100.                 <div class="grid-40 tab-l-40 tab-p-40 m-100 flex justify-content-center">
  101.                     <div class="marginT20 marginR20 marginL20 flex align-items-end">
  102.                         <img src="{{ asset('bundles/vpauto/frontend/images/comprendre-encheres02.webp') }}" class="img01" alt="visiter le véhicule" />
  103.                     </div>
  104.                 </div>
  105.             </div>
  107.             <div class="grid-container block-flex block-box-shadow marginT60 flex">
  108.                 <div class="grid-45 tab-l-40 tab-p-40 m-100 flex justify-content-center">
  109.                     <div class="marginT20 marginR20 marginL20 flex align-items-end">
  110.                         <img src="{{ asset('bundles/vpauto/frontend/images/comprendre-encheres03.webp') }}" class="img02" alt="enchérir" />
  111.                     </div>
  112.                 </div>
  113.                 <div class="grid-55 tab-l-60 tab-p-60 m-100">
  114.                     <div class="marginT20 paddingR20 marginB20 marginL20">
  115.                         <h3 class="titre03 color05"><strong>{{ 'frontend.landing.auction.content.item05.title'|trans({}, 'landing') }}</strong></h3>
  116.                         <p class="marginT20 paddingB20">{{ 'frontend.landing.auction.content.item05.desc'|trans({}, 'landing')|raw }}</p>
  117.                         <p><a href="{{ path('registration_step', {step: 2}) }}" class="lien14 bg01" title="">{{ 'frontend.landing.auction.content.item05.link'|trans({}, 'landing') }}</a></p>
  118.                     </div>
  119.                 </div>
  120.             </div>
  122.             <div class="grid-container block-flex block-box-shadow marginT60 flex">
  123.                 <div class="grid-60 tab-l-60 tab-p-60 m-100 order-2">
  124.                     <div class="marginT20 paddingR20 marginB20 marginL20">
  125.                         <h3 class="titre03 color03"><strong>{{ 'frontend.landing.auction.content.item06.title'|trans({}, 'landing') }}</strong></h3>
  126.                         <p class="marginT20 paddingB20">{{ 'frontend.landing.auction.content.item06.desc'|trans({}, 'landing')|raw }}</p>
  127.                         <p><a href="http://landing.vpauto.pages.mydialoginsight.com/offre-de-transport_2023?utm_source=home-btob&utm_medium=bandeau&utm_campaign=NouvelleOffreTransport020223" class="lien14 bg02" title="" target="_blank">{{ 'frontend.landing.auction.content.item06.link'|trans({}, 'landing') }}</a></p>
  128.                     </div>
  129.                 </div>
  130.                 <div class="grid-40 tab-l-40 tab-p-40 m-100 flex justify-content-center">
  131.                     <div class="marginT20 marginR20 marginL20 flex align-items-end">
  132.                         <img src="{{ asset('bundles/vpauto/frontend/images/comprendre-encheres04.webp') }}" class="img01" alt="livraison du véhicule" />
  133.                     </div>
  134.                 </div>
  135.             </div>
  137.             <div class="block01 marginT60">
  138.                 <img src="{{ asset('bundles/vpauto/frontend/images/comprendre-encheres05.webp') }}" class="img03" alt="Contactez nous" />
  139.                 <div>
  140.                     <h2 class="titre01 txtnormal"><strong>{{ 'frontend.landing.auction.content.item07.title'|trans({}, 'landing') }}</strong></h2>
  141.                     <p class="marginT20 paddingB20">{{ 'frontend.landing.auction.content.item07.desc'|trans({}, 'landing')|raw }}</p>
  142.                     <p class="titre03 bold">
  143.                         info@vpauto.eu
  144.                         <span class="tab-p-hide m-hide">|</span>
  145.                         <br class="grid-hide tab-l-hide tab-p-visible m-visible">
  146.                         <span class="m-hide">02 97 76 62 00</span>
  147.                         <a href="tel:0297766200" title="" class="lien-tel-m bold grid-hide tab-l-hide tab-p-hide m-visible">02 97 76 62 00</a>
  148.                     </p>
  149.                 </div>
  150.             </div>
  152.             <div class="grid-container marginT60">
  153.                 <h2 class="titre01 txtnormal marginB20"><strong>{{ 'frontend.landing.auction.content.item08.title'|trans({}, 'landing') }}</strong></h2>
  154.                 <div class="bg-avis padding10">
  155.                     <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>
  156.                 </div>
  157.             </div>
  158.         </div>
  159.     </div>
  160. </div>
  161. <!--Footer -->
  162. {% include 'frontend/footer.html.twig' %}
  163. <!-- FIN Footer -->
  164. {% endblock body_content %}