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

  1. {% extends "frontend/base.html.twig" %}
  2. {% import "frontend/_macros.twig" as macros %}
  4. {% block title %}{{ page.title }}{% endblock %}
  6. {% block body %}
  8. {% include 'frontend/block/hero_image.html.twig' with { 'block': page.metaDecoded('hero_image') } %}
  10. <div class="container row-financing">
  11.     <h2>Přehled typů financování</h2>
  13.     <h3 class="heading-with-line">Finanční leasing</h3>
  15.     <div class="row row-2">
  16.         <div class="column">
  17.             <p>Vlastníkem vozu se stáváte až po ukončení leasingu, do té doby je vlastníkem leasingová společnost, která pořízení vozu financuje. Velkou výhodou finančního leasingu je rozložení splácení na delší období a neměnné úrokové sazby po celou dobu trvání leasingu. Leasingové splátky jsou pro firmy a živnostníky plně uznatelným nákladem.</p>
  18.             <a href="#poptavka" class="button"><span>Poptat finanční leasing</span></a>
  19.         </div>
  21.         <div class="column">
  22.             <div class="columns-process">
  23.                 <div class="column">
  24.                     {{ app_static_image_html('img/homepage/service/icon-1.svg', { 'class': 'column-icon' }) }}
  25.                     <span class="column-title">Pořízení vozidla</span>
  26.                     <span class="column-description">Vlastníkem je leasing. spol.</span>
  27.                 </div>
  28.                 <div class="column">
  29.                     {{ app_static_image_html('img/homepage/service/icon-2.svg', { 'class': 'column-icon' }) }}
  30.                     <span class="column-title">Ukončení leasingu</span>
  31.                     <span class="column-description">Vlastníkem jste vy</span>
  32.                 </div>
  33.                 <div class="column">
  34.                     {{ app_static_image_html('img/homepage/service/icon-3.svg', { 'class': 'column-icon' }) }}
  35.                     <span class="column-title">&nbsp;</span>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </div>
  40. </div>
  42. {% include 'frontend/block/information_financing.html.twig' with { 'block': page.metaDecoded('info') } %}
  44. <div class="container row-financing">
  45.     <h3 class="heading-with-line">Úvěr</h3>
  47.     <div class="row row-2">
  48.         <div class="column">
  49.             <p>Velkou předností úvěru je, že při financování Vašeho vozu se ihned stáváte jeho majitelem. Úvěr splácíte v pravidelných neměnných měsíčních splátkách podle předem určeného splátkového kalendáře, který je součástí úvěrové smlouvy. Další výhodou je možnost odpočtu DPH z celé pořizovací ceny vozu a rozložení splácení až na 72 měsíců.</p>
  50.             <a href="#poptavka" class="button button-medium"><span>Poptat úvěr</span></a>
  51.         </div>
  53.         <div class="column">
  54.             <div class="columns-process">
  55.                 <div class="column">
  56.                     {{ app_static_image_html('img/homepage/service/icon-1.svg', { 'class': 'column-icon' }) }}
  57.                     <span class="column-title">Pořízení vozidla</span>
  58.                     <span class="column-description">Vlastníkem je leasing. spol.</span>
  59.                 </div>
  60.                 <div class="column">
  61.                     {{ app_static_image_html('img/homepage/service/icon-2.svg', { 'class': 'column-icon' }) }}
  62.                     <span class="column-title">Ukončení leasingu</span>
  63.                     <span class="column-description">Vlastníkem jste vy</span>
  64.                 </div>
  65.                 <div class="column">
  66.                     {{ app_static_image_html('img/homepage/service/icon-3.svg', { 'class': 'column-icon' }) }}
  67.                     <span class="column-title">Odpočet DPH</span>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </div>
  72. </div>
  74. {% include 'frontend/block/how_it_works.html.twig' with { block: page.metaDecoded('how_it_works') } %}
  75. {% include 'frontend/block/clients.html.twig' %}
  77. <div class="block block-contact container block-contact-left-column" id="poptavka">
  78.     <div class="block-part-top">
  79.         <div class="left">
  80.             {{ app_static_image_html('img/service/contact.jpg', { 'class': 'left-background' }) }}
  81.             <div class="left-content">
  82.                 <ul class="list list-checkmarks">
  83.                     <li class="list-item">Jsme autorizovaný prodejce vozů Audi, VW a užitkových vozů VW.</li>
  84.                     <li class="list-item">Provádíme autorizovaný servis.</li>
  85.                 </ul>
  87.                 <div class="contact-items">
  88.                     <div class="contact-item">
  89.                         <span class="contact-item-title">Telefonní číslo</span>
  90.                         <span><a href="tel:+420272084111">+420 272 084 111</a></span>
  91.                     </div>
  92.                     <div class="contact-item">
  93.                         <span class="contact-item-title">E-mail:</span>
  94.                         <span><a href="mailto:isr@auto-isr.cz">isr@auto-isr.cz</a></span>
  95.                     </div>
  96.                     <div class="contact-item">
  97.                         <span class="contact-item-title">Po - Pá:</span>
  98.                         <span>08:00 - 18:00</span>
  99.                     </div>
  100.                     <div class="contact-item">
  101.                         <span class="contact-item-title">Adresa:</span>
  102.                         <span>V Oblouku 121, 251 01 Čestlice</span>
  103.                     </div>
  104.                     <div class="contact-item span-full">
  105.                         <span class="contact-item-title">Jak se k nám dostanete?</span>
  106.                         <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>
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.         </div>
  112.         <div class="right">
  113.             <div class="form-wrapper">
  114.                 <h2>Máte zájem o financování?</h2>
  115.                 <p>Zašlete nám nezávaznou poptávku a my se s Vámi spojíme!</p>
  117.                 <form action="{{ app_endpoint('form') }}" method="post" class="form" data-use-js="true">
  118.                     <input type="hidden" name="object_type" value="page">
  119.                     <input type="hidden" name="object_name" value="{{ page.name }}">
  121.                     <div class="form-field form-field-half">
  122.                         <label for="full-name">Jméno a příjmení</label>
  123.                         <input type="text" name="full_name" id="full-name" placeholder="Jméno a příjmení" required>
  124.                     </div>
  125.                     <div class="form-field form-field-half">
  126.                         <label for="brand">Značka automobilu</label>
  127.                         {%
  128.                             set brands = [
  129.                                 { value: 'audi', title: 'Audi' },
  130.                                 { value: 'volkswagen', title: 'Volkswagen' },
  131.                             ]
  132.                         %}
  133.                         {{ macros.form_select('brand', 'brand', brands, 'Značka automobilu', true) }}
  134.                     </div>
  135.                     <div class="form-field form-field-half">
  136.                         <label for="email">Email</label>
  137.                         <input type="email" name="email" id="email" placeholder="Email" required>
  138.                     </div>
  139.                     <div class="form-field form-field-half">
  140.                         <label for="phone">Telefon</label>
  141.                         <input type="text" name="phone" id="phone" placeholder="Telefon">
  142.                     </div>
  143.                     <div class="form-field form-field-half">
  144.                         <label for="position">Typ financování</label>
  145.                         {%
  146.                             set financing_types = [
  147.                                 { value: 'financni-leasing', title: 'Finanční leasing' },
  148.                                 { value: 'uver', title: 'Úvěr' },
  149.                             ]
  150.                         %}
  151.                         {{ macros.form_select('position', 'position', financing_types, 'Typ financování', true) }}
  152.                     </div>
  153.                     <div class="form-field form-field-half">
  154.                         <label for="message">Váš dotaz</label>
  155.                         <textarea name="message" id="message" rows="3" placeholder="Váš dotaz" required></textarea>
  156.                     </div>
  158.                     <div class="form-buttons">
  159.                         <button type="submit" class="button button-submit"><span>Odeslat</span></button>
  160.                         <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>
  161.                     </div>
  163.                     {{ app_form_recaptcha() }}
  164.                 </form>
  165.             </div>
  166.         </div>
  167.     </div>
  169.     <div class="block-part-bottom">
  170.         {{ app_static_image_html('img/homepage/contact/map.jpg') }}
  172.         <div class="floating-content">
  173.             <a href="https://goo.gl/maps/A8u2ddZxKkssR5wB9" class="button button-primary button-map-left" target="_blank"><span>Auto I.S.R.</span></a>
  174.         </div>
  175.     </div>
  176. </div>
  178. {% endblock %}