src/Resources/views/Frontend/landing/contact-pro.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/frontend_pro.html.twig' %}
  3. {% block meta_robot %}
  4.     {{ parent() }}
  5.     <link rel="canonical" href="{{ url('frontend_contact_pro') }}"/>
  6.     {{ source('stubs/seo/robots_noindex_nofollow.html.twig') }}
  7. {% endblock %}
  9. {% block meta_title %}{{ 'seo.landing.contact-pro.title'|trans({}, "seo") }}{% endblock %}
  10. {% block meta_desc %}{{ 'seo.landing.contact-pro.desc'|trans({}, "seo") }}{% endblock %}
  12. {% block body_content %}
  13. <div class="contact-pro">
  14.     <div class="landing-header">
  15.         <h1 class="titre05">
  16.             {{ 'frontend.landing.contact-pro.header.title'|trans({}, 'landing') }}
  17.         </h1>
  18.     </div>
  19.     <div class="landing-content bg-color01 marginLR100">
  20.         <div>
  21.             <div class="block-flex01 justify-content-space-between">
  22.                 <div class="grid-70 tab-l-65 tab-p-55 m-100 bold">
  23.                     <p class="marginR20">{{ 'frontend.landing.contact-pro.content.text01'|trans({}, 'landing') }}</p>
  24.                 </div>
  25.                 <div class="grid-30 tab-l-35 tab-p-45 m-100 horaires marginT20 txtcenter">
  26.                     <div><img src="{{ asset('bundles/vpauto/frontend/images/contact01.webp') }}" alt="" /></div>
  27.                     <div class="font16 block-box-shadow">{{ 'frontend.landing.contact-pro.content.text02'|trans({}, 'landing')|raw }}</div>
  28.                 </div>
  29.             </div>
  31.             <h2 class="titre01 txtnormal color07 bold txtcenter marginT60">{{ 'frontend.landing.contact-pro.content.title01'|trans({}, 'landing') }}</h2>
  32.             <div class="block01 marginT20 owl-carousel contact-pro-carousel">
  33.                 <div class="block-flex01">
  34.                     <div class="grid-30 m-100 txtcenter">
  35.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone22.webp') }}" class="img01" alt="Service commercial" />
  36.                     </div>
  37.                     <div class="grid-70 m-100">
  38.                         <h3 class="titre03 color16 bold">{{ 'frontend.landing.contact-pro.content.item01.list.title01'|trans({}, 'landing') }}</h3>
  39.                         <div class="grid-container">
  40.                             <div class="grid-50 m-100">
  41.                                 <p class="texte01">{{ 'frontend.landing.contact-pro.content.item01.list.desc01'|trans({}, 'landing') }}</p>
  42.                             </div>
  43.                             <div class="grid-50 m-100">
  44.                                 <p>
  45.                                     <span class="m-hide">+33 2 52 48 00 65,</span>
  46.                                     <a href="tel:0033252480065" title="" class="lien-tel-m grid-hide tab-l-hide tab-p-hide m-visible">+33 2 52 48 00 65,</a>
  47.                                     <span class="color16 italic">{{ 'frontend.landing.contact-pro.content.item01.list.tel01'|trans({}, 'landing') }}</span>
  48.                                     <br><a href="mailto:info@vpauto.eu" class="lien03">info@vpauto.eu</a>
  49.                                 </p>
  50.                             </div>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  55.                 <div class="block-flex01">
  56.                     <div class="grid-30 m-100 txtcenter">
  57.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone23.webp') }}" class="img01" alt="Après-vente" />
  58.                     </div>
  59.                     <div class="grid-70 m-100">
  60.                         <h3 class="titre03 color16 bold">{{ 'frontend.landing.contact-pro.content.item01.list.title02'|trans({}, 'landing') }}</h3>
  61.                         <div class="grid-container">
  62.                             <div class="grid-50 m-100">
  63.                                 <p class="texte01">{{ 'frontend.landing.contact-pro.content.item01.list.desc02'|trans({}, 'landing') }}</p>
  64.                             </div>
  65.                             <div class="grid-50 m-100">
  66.                                 <p>
  67.                                     <span class="m-hide">+33 2 52 48 00 65,</span>
  68.                                     <a href="tel:0033252480065" title="" class="lien-tel-m grid-hide tab-l-hide tab-p-hide m-visible">+33 2 52 48 00 65,</a>
  69.                                     <span class="color16 italic">{{ 'frontend.landing.contact-pro.content.item01.list.tel02'|trans({}, 'landing') }}</span>
  70.                                     <br><a href="mailto:apresvente-pro@vpauto.eu" class="lien03">apresvente-pro@vpauto.eu</a>
  71.                                 </p>
  72.                             </div>
  73.                         </div>
  74.                     </div>
  75.                 </div>
  77.                 <div class="block-flex01">
  78.                     <div class="grid-30 m-100 txtcenter">
  79.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone24.webp') }}" class="img02" alt="Transport et logistique" />
  80.                     </div>
  81.                     <div class="grid-70 m-100">
  82.                         <h3 class="titre03 color16 bold">{{ 'frontend.landing.contact-pro.content.item01.list.title03'|trans({}, 'landing') }}</h3>
  83.                         <div class="grid-container">
  84.                             <div class="grid-50 m-100">
  85.                                 <p class="texte01">{{ 'frontend.landing.contact-pro.content.item01.list.desc03'|trans({}, 'landing') }}</p>
  86.                             </div>
  87.                             <div class="grid-50 m-100">
  88.                                 <p>
  89.                                     <span class="m-hide">+33 9 74 36 69 01</span>
  90.                                     <a href="tel:0033974366901" title="" class="lien-tel-m grid-hide tab-l-hide tab-p-hide m-visible">+33 9 74 36 69 01</a>
  91.                                     <br><a href="mailto:apresvente-pro@vpauto.eu" class="lien03">apresvente-pro@vpauto.eu</a>
  92.                                 </p>
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             </div>
  99.             <h2 class="titre01 txtnormal color07 bold txtcenter marginT60">{{ 'frontend.landing.contact-pro.content.title02'|trans({}, 'landing') }}</h2>
  100.             <div class="grid-container block-box-shadow marginT20 padding20">
  101.                 <div class="grid-container block-flex01">
  102.                     <div class="grid-30 m-100 txtcenter">
  103.                         <img src="{{ asset('bundles/vpauto/frontend/images/icone25.webp') }}" width="80" alt="Optim'VO" />
  104.                     </div>
  105.                     <div class="grid-70 m-100">
  106.                         <h3 class="titre03 color16 bold">{{ 'frontend.landing.contact-pro.content.item02.list.title01'|trans({}, 'landing') }}</h3>
  107.                         <div class="grid-container">
  108.                             <div class="grid-50 m-100">
  109.                                 <p class="texte01">{{ 'frontend.landing.contact-pro.content.item02.list.desc01'|trans({}, 'landing') }}</p>
  110.                             </div>
  111.                             <div class="grid-50 m-100">
  112.                                 <p>
  113.                                     <span class="m-hide">+33 2 52 42 01 02</span>
  114.                                     <a href="tel:0033252420102" title="" class="lien-tel-m grid-hide tab-l-hide tab-p-hide m-visible">+33 2 52 42 01 02</a>
  115.                                     <br><a href="mailto:contactoptimvo@vpauto.eu" class="lien03">contactoptimvo@vpauto.eu</a>
  116.                                 </p>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.             </div>
  123.             <h2 class="titre01 txtnormal bold marginT60">{{ 'frontend.landing.contact-pro.content.title03'|trans({}, 'landing') }}</h2>
  124.             <div class="form">
  125.                 <form action="{{ path('frontend_contact_pro') }}" method="post" novalidate="novalidate">
  126.                     <div class="flex">
  127.                         <div>
  128.                             <p>
  129.                                 {{ form_label(form.lastname) }}
  130.                                 {{ form_widget(form.lastname) }}
  131.                                 {{ form_errors(form.lastname) }}
  132.                             </p>
  133.                         </div>
  134.                         <div>
  135.                             <p>
  136.                                 {{ form_label(form.firstname) }}
  137.                                 {{ form_widget(form.firstname) }}
  138.                                 {{ form_errors(form.firstname) }}
  139.                             </p>
  140.                         </div>
  141.                     </div>
  142.                     <div class="flex">
  143.                         <div>
  144.                             <p>
  145.                                 {{ form_label(form.email) }}
  146.                                 {{ form_widget(form.email) }}
  147.                                 {{ form_errors(form.email) }}
  148.                             </p>
  149.                         </div>
  150.                         <div>
  151.                             <p>
  152.                                 {{ form_label(form.companyName) }}
  153.                                 {{ form_widget(form.companyName) }}
  154.                                 {{ form_errors(form.companyName) }}
  155.                             </p>
  156.                         </div>
  157.                     </div>
  158.                     <div class="flex">
  159.                         <div>
  160.                             <p>
  161.                                 {{ form_label(form.object) }}
  162.                                 {{ form_widget(form.object) }}
  163.                                 {{ form_errors(form.object) }}
  164.                             </p>
  165.                         </div>
  166.                         <div>
  167.                             <p>
  168.                                 {{ form_label(form.message) }}
  169.                                 {{ form_widget(form.message) }}
  170.                                 {{ form_errors(form.message) }}
  171.                             </p>
  172.                         </div>
  173.                     </div>
  174.                     <div class="captcha marginT30">{{ form_widget(form.recaptcha) }}</div>
  175.                     <div class="captcha-error">{{ form_errors(form.recaptcha) }}</div>
  176.                     <p class="btn-pro">
  177.                         {{ form_widget(form.send) }}
  178.                     </p>
  179.                     <p>{{ 'frontend.landing.newsletter-registration.content.text03'|trans({}, 'landing') }}</p>
  180.                     {{ form_rest(form) }}
  181.                 </form>
  182.             </div>
  183.         </div>
  184.     </div>
  185. </div>
  186. {% endblock body_content %}