src/DcSiteBundle/Resources/views/Infiniti/Main/index.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Infiniti/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ seoMeta.title ?? 'base.seo.main_title'|trans({},'dc_infiniti') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'base.seo.main_description'|trans({'%phone%': dealer.phone},'dc_infiniti') }}">
  6.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/infiniti/css/infinitiMain.css?{{ VERSION }}">
  7. {% endblock head %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ seoMeta.title ?? 'base.seo.title'|trans({}, 'dc_infiniti') }}">
  11.     <meta property="og:description" content="{{ seoMeta.description ?? 'base.seo.description'|trans({}, 'dc_infiniti') }}">
  12. {% endblock ogtagDynamic %}
  14. {% block content %}
  15.     {% include '@DcSite/Modules/slider.html.twig' %}
  16.     <section class="models-main section-padding">
  17.         <div class="container">
  18.             <div class="row">
  19.                 <div class="col-12 section-title">
  20.                     <h1 class="subtitle">{{ seoMeta.h1 ?? 'INFINITI ' ~ 'main.in_ukraine'|trans({},'dc_infiniti') }}</h1>
  21.                     <span>{{ 'main.model_line'|trans({}, 'dc_infiniti') }}</span>
  22.                 </div>
  23.             </div>
  24.             <div class="row">
  25.                 {% for car in cars %}
  26.                     <div class="col-md-6 col-lg-6 col-xl-4">
  27.                     <div class="card">
  28.                         {% if car.isPreOrder %}
  29.                         <span class="news__button">{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}</span>
  30.                         {% elseif car.isNew %}
  31.                         <span class="news__button">{{ 'pages.car.is_new_2'|trans({},'dc_base') }}</span>
  32.                         {% endif %}
  33.                             <a href="{{ path('infiniti_card_car', { url: car.url }) }}" class="car-name">Infiniti {{ car.modelName }}</a>
  34.                             <span class="car-slogan">{{ car.slogan }}</span>
  35.                             <a href="{{ path('infiniti_card_car', { url: car.url }) }}" class="cars-prewiew-img">
  36.                                 <picture alt="{{ car.fullName }}">
  37.                                     <source srcset="{{ car.image_webp }}" type="image/webp">
  38.                                     <source srcset="{{ car.image }}">
  39.                                     <img src="{{ car.image }}" alt="{{ car.fullName }}">
  40.                                 </picture>
  41.                             </a>
  42.                             <div class="card-body">
  43.                                 <span>{{ 'main.price'|trans({}, 'dc_infiniti') }} {{ 'main.from'|trans({}, 'dc_infiniti') }}
  44.                                     <span class="car-price">{{ car.price|price }} грн</span>
  45.                                 </span>
  46.                                 <a href="{{ path('infiniti_service_consultation', {'carId': car.vehicleId}) }}" class="btn-black">
  47.                                     {{ 'main.test_drive_assign'|trans({}, 'dc_infiniti') }}
  48.                                 </a>
  49.                                 <a href="{{ path('infiniti_card_car', { url: car.url }) }}" class="btn-arrow">
  50.                                     <span class="arrow-right"></span>
  51.                                     {{ 'main.availability'|trans({}, 'dc_infiniti') }}
  52.                                 </a>
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                 {% endfor %}
  57.             </div>
  58.         </div>
  59.     </section>
  60.     {% include '@DcSite/Infiniti/Modules/interesting-block.html.twig' %}
  61.     <section class="offers-main section-padding">
  62.         <div class="container">
  63.             <div class="row">
  64.                 <div class="col-12 section-title">
  65.                     <span class="subtitle">{{ 'main.last_events'|trans({}, 'dc_infiniti') }}</span>
  66.                     <span>{{ 'main.spec_offers'|trans({}, 'dc_infiniti') }}</span>
  67.                 </div>
  68.             </div>
  69.             <div class="row">
  70.                 {% for action in actions %}
  71.                 <div class="col-md-6 col-lg-4 offers-main-custom-padd">
  72.                     <div class="card">
  73.                         <a href="{{ path('infiniti_special_offers_single', { url: action.url }) }}" class="news-prewiew-img">
  74.                             <picture alt="{{ action.title }}">
  75.                                 <source srcset="{{ action.image_webp }}" type="image/webp">
  76.                                 <source srcset="{{ action.image }}">
  77.                                 <img src="{{ action.image }}" alt="{{ action.title }}">
  78.                             </picture>
  79.                         </a>
  80.                         <div class="card-body">
  81.                             <p class="card-title">{{ action.title }}</p>
  82.                             <p class="card-text">{{ action.description }}</p>
  83.                             <a href="{{ path('infiniti_special_offers_single', { url: action.url }) }}" class="btn-arrow">
  84.                                 <span class="arrow-right"></span>
  85.                                 {{ 'main.details'|trans({}, 'dc_infiniti') }}
  86.                             </a>
  87.                         </div>
  88.                     </div>
  89.                 </div>
  90.                 {% endfor %}
  91.             </div>
  92.         </div>
  93.     </section>
  94.     <section class="front-consultation">
  95.         <div class="container">
  96.             <div class="front-consultation__title">{{ 'main.order_consultation'|trans({}, 'dc_base') }}</div>
  98.             {% include '@DcSite/Modules/multi-consultation/multi-consultation-enter.html.twig' with {
  99.                 link_test_drive: "infiniti_service_testdrive_form",
  100.                 link_online: "infiniti_service_consultation_form_online",
  101.                 link_offline: "infiniti_service_consultation_form"
  102.             } %}
  104.             <div class="front-consultation__info">
  105.                 <p>{{ 'main.call_us'|trans({}, 'dc_base') }}</p>
  106.                 <a href="tel:{{ dealer.phone }}" class="front-consultation__phone">{{ dealer.phone }}</a>
  107.             </div>
  108.         </div>
  109.     </section>
  110.     <section class="about-main section-padding bg-grey">
  111.         <div class="container">
  112.             <div class="row">
  113.                 <div class="col-12 section-title">
  114.                     <span class="subtitle">“{{ 'main.vidi_lirerty'|trans({}, 'dc_infiniti') }}”</span>
  115.                     <span>{{ 'main.about_company'|trans({}, 'dc_infiniti') }}</span>
  116.                 </div>
  117.             </div>
  118.             <div class="row">
  119.                 <span class="desc">
  120.                     {{ 'main.about_company_desc'|trans({}, 'dc_infiniti')|raw }}
  121.                 </span>
  122.             </div>
  123.             <div class="row">
  124.                 <div class="col-12 col-12 btn-field">
  125.                     <a class="btn" href="{{ path('infiniti_about_us') }}">{{ 'main.know_more'|trans({}, 'dc_infiniti') }}</a>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.     </section>
  130.     {% include '@DcSite/Infiniti/Modules/contacts.html.twig' %}
  131. {% endblock content %}
  133. {% block script %}
  134.     <script src="/dist/{{ MODE }}/dcsite/infiniti/js/infinitiMain.js?{{ VERSION }}"></script>
  135.     <script>
  136.         $(() => {
  137.             const obj = new dcsite.infinitiMain.Main();
  138.             obj.init();
  139.             obj.initSlider({
  140.                 url: '{{ path('main_slider') }}'
  141.             });
  142.         });
  143.     </script>
  144. {% endblock script %}