templates/frontend/template/service.html.twig line 1

  1. {% extends "frontend/base.html.twig" %}
  2. {% import "frontend/_macros.twig" as macros %}
  3. {% block title %}{{ page.title }}{% endblock %}
  4. {% block body %}
  5. {% include 'frontend/block/hero_image.html.twig' with { 'block': page.metaDecoded('hero_image') } %}
  6. <div class="block block-contact container block-contact-left-column" id="poptavka">
  7.     <div class="block-part-top">
  8.         <div class="left">
  9.             {{ app_static_image_html('img/service/contact.jpg', { 'class': 'left-background' }) }}
  10.             <div class="left-content">
  11.                 <ul class="list list-checkmarks">
  12.                     <li class="list-item">Jsme autorizovaný prodejce vozů Audi, VW a užitkových vozů VW.</li>
  13.                     <li class="list-item">Provádíme autorizovaný servis.</li>
  14.                 </ul>
  15.                 <div class="contact-items">
  16.                     <div class="contact-item">
  17.                         <span class="contact-item-title">Telefonní číslo</span>
  18.                         <span><a href="tel:+420272084111">+420 272 084 111</a></span>
  19.                     </div>
  20.                     <div class="contact-item">
  21.                         <span class="contact-item-title">E-mail:</span>
  22.                         <span><a href="mailto:isr@auto-isr.cz">isr@auto-isr.cz</a></span>
  23.                     </div>
  24.                     <div class="contact-item">
  25.                         <span class="contact-item-title">Po - Pá:</span>
  26.                         <span>08:00 - 18:00</span>
  27.                     </div>
  28.                     <div class="contact-item">
  29.                         <span class="contact-item-title">Adresa:</span>
  30.                         <span>V Oblouku 121, 251 01 Čestlice</span>
  31.                     </div>
  32.                     <div class="contact-item span-full">
  33.                         <span class="contact-item-title">Jak se k nám dostanete?</span>
  34.                         <span><a href="https://www.google.com/maps/dir//auto+I.S.R.+a.s.,+V+Oblouku+121,+251+01+Čestlice/@50.0049209,14.5698298,17z/" target="_blank" class="button button-medium button-map"><span>Naplánovat trasu</span></a></span>
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.         <div class="right">
  40.             <div class="form-wrapper">
  41.                 <h2>Potřebuji servis</h2>
  42.                 <p>Zašlete nám nezávaznou poptávku a my se s Vámi spojíme!</p>
  43.                 <form action="{{ app_endpoint('form') }}" method="post" class="form" data-use-js="true">
  44.                     <input type="hidden" name="object_type" value="page">
  45.                     <input type="hidden" name="object_name" value="{{ page.name }}">
  46.                     <div class="form-field form-field-half">
  47.                         <label for="full-name">Jméno a příjmení</label>
  48.                         <input type="text" name="full_name" id="full-name" placeholder="Jméno a příjmení" required>
  49.                     </div>
  50.                     <div class="form-field form-field-half">
  51.                         <label for="brand">Značka automobilu</label>
  52.                         {%
  53.                             set brands = [
  54.                                 { value: 'audi', title: 'Audi' },
  55.                                 { value: 'volkswagen', title: 'Volkswagen' },
  56.                             ]
  57.                         %}
  58.                         {{ macros.form_select('brand', 'brand', brands, 'Značka automobilu', true) }}
  59.                     </div>
  60.                     <div class="form-field form-field-half">
  61.                         <label for="email">Email</label>
  62.                         <input type="email" name="email" id="email" placeholder="Email" required>
  63.                     </div>
  64.                     <div class="form-field form-field-half">
  65.                         <label for="phone">Telefon</label>
  66.                         <input type="text" name="phone" id="phone" placeholder="Telefon">
  67.                     </div>
  68.                     <div class="form-field">
  69.                         <label for="message">Váš dotaz</label>
  70.                         <textarea name="message" id="message" rows="3" placeholder="Váš dotaz" required></textarea>
  71.                     </div>
  72.                     <div class="form-buttons">
  73.                         <button type="submit" class="button button-submit"><span>Odeslat</span></button>
  74.                         <p class="notice">Tato stránka je chráněna pomocí reCAPTCHA a <a href="{{ app_url('page', { name: 'protection-of-personal-data' }) }}" target="_blank">zásadami zpracování a ochrany osobních údajů</a>.</p>
  75.                     </div>
  76.                     {{ app_form_recaptcha() }}
  77.                 </form>
  78.             </div>
  79.         </div>
  80.     </div>
  81.     <div class="block-part-bottom">
  82.         {{ app_static_image_html('img/homepage/contact/map.jpg') }}
  83.         <div class="floating-content">
  84.             <a href="https://goo.gl/maps/A8u2ddZxKkssR5wB9" class="button button-primary button-map-left" target="_blank"><span>Auto I.S.R.</span></a>
  85.         </div>
  86.     </div>
  87. </div>
  88. {% include 'frontend/block/how_it_works.html.twig' with { block: page.metaDecoded('how_it_works') } %}
  89. <div class="services theme-light" id="nase-sluzby">
  90.     <div class="container">
  91.         <h2>Služby, které nabízíme</h2>
  92.         <p class="heading-with-line">Pravidelná údržba</p>
  93.         <div class="grid grid-c4 grid-ra">
  94.             <div class="cell">
  95.                 {{ app_static_image_html('img/service/icon-1.svg', { class: 'icon' }) }}
  96.                 <h3>Značkový servis</h3>
  97.                 <p>Zajistíme značkový servis dle standardů výrobce.</p>
  98.             </div>
  99.             <div class="cell">
  100.                 {{ app_static_image_html('img/service/icon-2.svg', { class: 'icon' }) }}
  101.                 <h3>STK a Emise</h3>
  102.                 <p>Krom servisu zajistíme kompletní STK a kontrolu emisí.</p>
  103.             </div>
  104.             <div class="cell">
  105.                 {{ app_static_image_html('img/service/icon-3.svg', { class: 'icon' }) }}
  106.                 <h3>Pojistná událost</h3>
  107.                 <p>Jsme specialisté na vyřízení oprav po nehodě a s tím Vám vyřídíme veškerou agendu v případě pojistné události.</p>
  108.             </div>
  109.             <div class="cell cell-rs2 cell-has-background cell-no-content">
  110.                 <div class="cell-background">
  111.                     {{ app_static_image_html('img/service/cell-background-1.jpg') }}
  112.                 </div>
  113.             </div>
  114.             <div class="cell cell-has-background background-overlay background-blur">
  115.                 <div class="cell-background">
  116.                     {{ app_static_image_html('img/service/cell-background-2.jpg') }}
  117.                 </div>
  118.                 <div class="cell-content">
  119.                     <a href="#poptavka" class="button button-white"><span>Objednat se</span></a>
  120.                 </div>
  121.             </div>
  122.             <div class="cell">
  123.                 {{ app_static_image_html('img/service/icon-4.svg', { class: 'icon' }) }}
  124.                 <h3>Náhradní vůz</h3>
  125.                 <p>Uděláme maximum pro to, aby byl vůz hotový ještě ten den. V případě oprav do 24 hod. obdržíte náhradní vůz zdarma.</p>
  126.             </div>
  127.             <div class="cell">
  128.                 {{ app_static_image_html('img/service/icon-5.svg', { class: 'icon' }) }}
  129.                 <h3>Mytí vozu</h3>
  130.                 <p>Mytí každého vozu při pravidelném servisu zdarma.</p>
  131.             </div>
  132.         </div>
  133.     </div>
  134. </div>
  135. {% include 'frontend/block/why_us.html.twig' with { block: page.metaDecoded('why_us') } %}
  136. <div class="container">
  137.     <div class="banner">
  138.         <div class="left">
  139.             <h2>Jsme oficiálním zastoupením úpravce MTM</h2>
  140.             <p>Díky našemu výhodnému financování je nákup vozu dostupný pro každého. Stačí si vybrat svůj oblíbený vůz a plán financování podle vašich potřeb.</p>
  141.             <div class="row-icons">
  142.                 <div class="column">
  143.                     {{ app_static_image_html('img/service/icon-6.svg') }}
  144.                     <p>Zvyšování výkonu, profesionální tuning</p>
  145.                 </div>
  146.                 <div class="column">
  147.                     {{ app_static_image_html('img/service/icon-7.svg') }}
  148.                     <p>Sportovní výfuky, difuzory, kola a brzdy</p>
  149.                 </div>
  150.             </div>
  151.             <div class="buttons">
  152.                 <a href="https://www.mtm-online.de/" class="button" target="_blank"><span>Odkaz na stránky úpravce</span></a>
  153.             </div>
  154.         </div>
  155.         <div class="right">
  156.             {{ app_static_image_html('img/service/background-3.jpg') }}
  157.         </div>
  158.     </div>
  159. </div>
  160. {% endblock %}