src/PortalBundle/Resources/views/Service/translations/service_ua.html.twig line 1

Open in your IDE?
  1. <section class="section_service_banner">
  2.     <div class="container">
  3.         <h1 class="serv_title mob-v">СТО в Києві</h1>
  4.         <div class="serv_banner_wrapper">
  5.             <div class="service_banne_info_box">
  6.                 <h1 class="serv_title desc-v">СТО в Києві</h1>
  7.                 <p class="serv_banne_title">Автосервіс
  8.                     <span>VIDI</span>
  9.                 </p>
  10.                 <p class="serv_banne_text">Технічне обслуговування і ремонт авто в Києві та області</p>
  11.                 <button class="registration_service_btn open_service_module">ЗАПИСАТИСЬ НА СЕРВІС</button>
  12.             </div>
  13.             <div class="service_banner_box">
  14.                 <img src="{{ asset('bundles/portal/img/service/service-banner-n.jpg') }}" class="service_banner_image" alt="service_banner">
  15.             </div>
  16.         </div>
  17.     </div>
  18. </section>
  21. <section class="section_prices_services">
  22.     <div class="container">
  23.         <p class="prices_services_title">Ціни на послуги автосервісу VIDI</p>
  24.         <div class="prices_services_wrapper">
  26.             <div class="prices_services_box">
  27.                 <div class="prices_name_wrapper">
  28.                     <span class="prices_name_number">01</span>
  29.                     <p class="prices_name">Регламенте ТО
  30.                     </p>
  31.                 </div>
  32.                 <p class="calc_maintenance">Розрахунок вартості ТО:</p>
  33.                 <div class="calc_maintenance_wrapper">
  34.                     {% for brand in regulationBrands %}
  35.                         <a class="calc_maintenance-item brand-order-{{ brand.url }}" href="{{ path('portal_service_to_brand', { 'brand': brand.url}) }}">{{ brand.name }}</a>
  36.                     {% endfor %}
  37.                 </div>
  38.             </div>
  40.             <div class="prices_services_box">
  41.                 <div class="prices_name_wrapper">
  42.                     <span class="prices_name_number">02</span>
  43.                     <p class="prices_name">Технічне обслуговування
  44.                     </p>
  45.                 </div>
  46.                 <div class="maintenance_item_wrapper">
  47.                     {%  for item in subMaintenanceGroups %}
  48.                         {% if loop.index <= 5 %}
  49.                             <a class="maintenance-item" href="{{ path('portal_service_page_work_group_content', { 'work_group': maintenanceGroup.url, 'sub_group': item.url }) }}">{{ item.getTitle(app.request.locale) }}</a>
  50.                         {% endif %}
  51.                     {% endfor %}
  52. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_content', { category: 'maintenance', service: 'engine-oil-change'}) }}"> Заміна масла / оливи</a>#}
  53. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_content', { category: 'maintenance', service: 'timing-belt-replacement'}) }}">Заміна ременя ГРМ</a>#}
  54. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_content', { category: 'maintenance', service: 'replacement-brake-pads'}) }}">Заміна гальмівних колодок</a>#}
  55. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_content', { category: 'maintenance', service: 'replacement-brake-discs'}) }}">Заміна гальмівних дисків</a>#}
  56. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_content', { category: 'maintenance', service: 'replacing-spark-plugs'}) }}">Заміна свічок запалювання</a>#}
  57.                 </div>
  58.                 <a class="maintenance_more_btn" href="{{ path('portal_service_page_work_group_service', { 'work_group': maintenanceGroup.url }) }}">Показати всі</a>
  59.             </div>
  61.             <div class="prices_services_box">
  62.                 <div class="prices_name_wrapper">
  63.                     <span class="prices_name_number">03</span>
  64.                     <p class="prices_name">Ремонт авто
  65.                     </p>
  66.                 </div>
  67.                 <div class="maintenance_item_wrapper">
  68.                      {%  for item in subGeneralGroups %}
  69.                          {% if loop.index <= 5 %}
  70.                             <a class="maintenance-item" href="{{ path('portal_service_page_work_group_service', { 'work_group': item.url }) }}">{{ item.getTitle(app.request.locale) }}</a>
  71.                          {% endif %}
  72.                      {% endfor %}
  73. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_service', { category: 'diagnostics'}) }}"> Діагностика авто</a>#}
  74. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_service', { category: 'running-gear-repair'}) }}">Ремонт ходової</a>#}
  75. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_service', { category: 'auto-electrics'}) }}">Автоелектрик</a>#}
  76. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_content', { category: 'tire-service', service: 'tire-fitting'}) }}">Шиномонтаж</a>#}
  77. {#                    <a class="maintenance-item" href="{{ path('portal_service_page_category_service', { category: 'engine-repair'}) }}">Ремонт двигуна</a>#}
  78.                 </div>
  79.                 <a class="maintenance_more_btn" href="{{ path('portal_car_repair') }}">Показати всі</a>
  80.             </div>
  82.             <div class="prices_services_box">
  83.                 <div class="prices_name_wrapper">
  84.                     <span class="prices_name_number">04</span>
  85.                     <p class="prices_name">Кузовний ремонт
  86.                     </p>
  87.                 </div>
  88.                 <div class="maintenance_item_wrapper">
  89.                     {#  {%  for item in bodyRepair %}#}
  90.                     {#      <a class="maintenance-item" href="{{ item.url }}">{{ item.title(app.request.locale) }}</a>#}
  91.                     {#  {% endfor %}#}
  92.                     <a class="maintenance-item" href="{{ path('portal_service_body_repair_category', { category: 'car-painting'}) }}"> Фарбування</a>
  93.                     <a class="maintenance-item" href="{{ path('portal_service_body_repair_category', { category: 'car-straightening'}) }}">Рихтування</a>
  94.                     <a class="maintenance-item" href="{{ path('portal_service_body_repair_category', { category: 'car-polishing'}) }}">Полірування</a>
  95.                     <a class="maintenance-item" href="{{ path('portal_service_body_repair_category', { category: 'body-repair-pdr'}) }}">PDR</a>
  96.                     <a class="maintenance-item" href="{{ path('portal_service_body_repair_category', { category: 'auto-glass-repair'}) }}">Заміна та ремонт автоскла</a>
  97.                 </div>
  98.                 <a class="maintenance_more_btn" href="{{ path('portal_service_body_repair') }}">Показати всі</a>
  99.             </div>
  100.         </div>
  101.     </div>
  102. </section>
  104. <section class="section_registration_service">
  105.     <div class="container">
  106.         <p class="registration_title">Онлайн-запис на автосервіс VIDI</p>
  107.         <div class="registration_service_box">
  108.             <p>Оцініть та запишіться на ремонт або обслуговування автомобіля за 4 простих кроки</p>
  109.             <button class="registration_service_btn open_service_module">ЗАПИС НА СЕРВІС</button>
  110.         </div>
  111.     </div>
  112. </section>
  114. <section class="section_acceptance_nonworking_hours">
  115.     <div class="container">
  116.         <p class="nonworking_hours_title">Приймання авто у неробочий час</p>
  117.         <div class="nonworking_hours_info_wrapper">
  118.             <div class="nonworking_hours_info_box">
  119.                 <p class="nonworking_hours_info_text">Нова послуга Автосервісу VIDI.</p>
  120.                 <p class="nonworking_hours_info_text">Ви маєте змогу залишити автомобіль на ремонт навіть у
  121.                                                                                     неробочий час з 20:00 до 08:00.</p>
  122.                 <p class="nonworking_hours_info_text">4 простих кроки як скористатись послугою:</p>
  123.             </div>
  124.             <a class="nonworking_hours_info_btn" href="{{ path('portal_service_night_booking') }}" target="_blank">
  125.                 <span>докладніше</span>
  126.                 <svg width="5" height="10" viewbox="0 0 5 10" fill="none" xmlns="http://www.w3.org/2000/svg">
  127.                     <path d="M0.161585 9.03081C0.0538618 8.92022 0 8.78929 0 8.63801C0 8.48703 0.0538618 8.35624 0.161585 8.24566L3.31789 5.00554L0.150813 1.75437C0.0502709 1.65116 0 1.52214 0 1.36732C0 1.21251 0.0538618 1.07981 0.161585 0.969221C0.269309 0.858637 0.396854 0.803345 0.544219 0.803345C0.691298 0.803345 0.818699 0.858637 0.926423 0.969221L4.54593 4.69591C4.58902 4.74014 4.61962 4.78806 4.63771 4.83967C4.65553 4.89127 4.66443 4.94657 4.66443 5.00554C4.66443 5.06452 4.65553 5.11981 4.63771 5.17142C4.61962 5.22303 4.58902 5.27095 4.54593 5.31518L0.91565 9.04186C0.815108 9.14508 0.691298 9.19668 0.544219 9.19668C0.396854 9.19668 0.269309 9.14139 0.161585 9.03081Z" fill="inherit"/>
  128.                 </svg>
  129.             </a>
  130.         </div>
  132.         <div class="acceptance_nonworking_hours_wrapper acceptance_desc">
  133.             <div class="acceptance_nonworking_hours_box">
  134.                 <div class="nonworking_hours_head_box">
  135.                     <span>1</span>
  136.                     <div class="head_box_wrap">
  137.                         <p class="hours_head_box_text">Створіть заявку онлайн в</p>
  138.                         <a href="{{ path('my_profile_dashboard') }}">Особистому кабінеті</a>
  139.                     </div>
  140.                 </div>
  141.                 <img src="{{ asset('bundles/portal/img/service/phone-s-1.png') }}" alt="">
  142.             </div>
  143.             <div class="acceptance_nonworking_hours_box">
  144.                 <div class="nonworking_hours_head_box">
  145.                     <span>2</span>
  146.                     <p class="hours_head_box_text">Приїздіть до нас на територію VIDI, що на Кільцевій дорозі,
  147.                                                                                                     60
  148.                     </p>
  149.                 </div>
  150.                 <img src="{{ asset('bundles/portal/img/service/phone-s-2.png') }}" alt="">
  151.             </div>
  152.             <div class="acceptance_nonworking_hours_box">
  153.                 <div class="nonworking_hours_head_box">
  154.                     <span>3</span>
  155.                     <p class="hours_head_box_text">Залиште авто на територіі (закрита територія з охороною 24/7)</p>
  156.                 </div>
  157.                 <img src="{{ asset('bundles/portal/img/service/phone-s-3.png') }}" alt="">
  158.             </div>
  159.             <div class="acceptance_nonworking_hours_box">
  160.                 <div class="nonworking_hours_head_box">
  161.                     <span>4</span>
  162.                     <p class="hours_head_box_text">У найближчий робочий час майстер огляне авто та зателефонує
  163.                                                                                                     Вам.</p>
  164.                 </div>
  165.                 <img src="{{ asset('bundles/portal/img/service/phone-s-4.png') }}" alt="">
  166.             </div>
  167.         </div>
  169.         <div class="acceMobSlider acceptance_mob">
  170.             <div class="acceptance_nonworking_hours_box">
  171.                 <div class="nonworking_hours_head_box">
  172.                     <span>1</span>
  173.                     <div class="head_box_wrap">
  174.                         <p class="hours_head_box_text">Створіть заявку онлайн в</p>
  175.                         <a href="{{ path('my_profile_dashboard') }}">Особистому кабінеті</a>
  176.                     </div>
  177.                 </div>
  178.                 <img src="{{ asset('bundles/portal/img/service/phone-s-1.png') }}" alt="">
  179.             </div>
  180.             <div class="acceptance_nonworking_hours_box">
  181.                 <div class="nonworking_hours_head_box">
  182.                     <span>2</span>
  183.                     <p class="hours_head_box_text">Приїздіть до нас на територію VIDI, що на Кільцевій дорозі,
  184.                                                                                                     60
  185.                     </p>
  186.                 </div>
  187.                 <img src="{{ asset('bundles/portal/img/service/phone-s-2.png') }}" alt="">
  188.             </div>
  189.             <div class="acceptance_nonworking_hours_box">
  190.                 <div class="nonworking_hours_head_box">
  191.                     <span>3</span>
  192.                     <p class="hours_head_box_text">Залиште авто на територіі (закрита територія з охороною 24/7)</p>
  193.                 </div>
  194.                 <img src="{{ asset('bundles/portal/img/service/phone-s-3.png') }}" alt="">
  195.             </div>
  197.             <div class="acceptance_nonworking_hours_box">
  198.                 <div class="nonworking_hours_head_box">
  199.                     <span>4</span>
  200.                     <p class="hours_head_box_text">У найближчий робочий час майстер огляне авто та зателефонує
  201.                                                                                                     Вам.</p>
  202.                 </div>
  203.                 <img src="{{ asset('bundles/portal/img/service/phone-s-4.png') }}" alt="">
  204.             </div>
  205.         </div>
  206.     </div>
  207. </section>
  209. <section class="section__accordion__site">
  210.     <div class="container">
  211.         <div class="accordion_wrapper">
  212.             <p class="accordion_title">Що потрібно знати про обслуговування авто на офіційному сервісі</p>
  214.             <div class="accordion__site" itemscope itemtype="https://schema.org/FAQPage">
  216.                 <div class="accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  217.                     <div class="accordion__header active">
  218.                         <h2 class="accordion__title" itemprop="name">Які переваги офіційного обслуговування?
  219.                         </h2>
  220.                     </div>
  221.                     <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="accordion__content" style="display: block;">
  222.                         <div itemprop="text">
  223.                             <p class="service_accordion_text">Обслуговування в авторизованому сервісі може бути
  224.                                 трохи дорожчим, але воно дає вам багато переваг, які окупляться у довгостроковій
  225.                                 перспективі. Зберігаючи заводську гарантію, використовуючи оригінальні запчастини та
  226.                                 маючи чітку історію обслуговування, ви зможете вигідніше продати свій автомобіль у
  227.                                 майбутньому.</p>
  228.                             <p class="service_accordion_text">Інвестуйте у професійне обслуговування вашого авто
  229.                                 сьогодні, щоб отримати значні переваги завтра!</p>
  230.                         </div>
  231.                     </div>
  232.                 </div>
  234.                 <div class="accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  235.                     <div class="accordion__header">
  236.                         <h2 class="accordion__title" itemprop="name">Які запчастини використовуєте для ремонту авто?</h2>
  237.                     </div>
  238.                     <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="accordion__content">
  239.                         <div itemprop="text">
  240.                             <p class="service_accordion_text">Ми використовуємо тільки оригінальні запчастини для
  241.                                 ремонту авто!</p>
  242.                             <p class="service_accordion_text">
  243.                                 <strong>Чому це важливо:</strong>
  244.                             </p>
  245.                             <p class="service_accordion_text text-pdd">• Оригінальні запчастини проходять суворі
  246.                                  тести та виготовляються з високоякісних матеріалів, що гарантує їх довговічність і
  247.                                  безперебійну роботу.</p>
  248.                             <p class="service_accordion_text text-pdd">• Використання оригінальних деталей гарантує,
  249.                                 що всі системи вашого авто функціонують правильно, забезпечуючи максимальний рівень
  250.                                 безпеки для вас та ваших пасажирів.</p>
  251.                             <p class="service_accordion_text text-pdd">• Ідеально підходять до вашої моделі авто, що
  252.                                 гарантує їх безпроблемну установку та роботу.</p>
  253.                             <p class="service_accordion_text text-pdd">• Використання оригінальних комплектуючих під
  254.                                 час ремонту зберігає гарантію на ваш автомобіль.</p>
  255.                             <p class="service_accordion_text text-pdd">• Авто з оригінальними запчастинами зберігає
  256.                                 високу ринкову вартість при перепродажі.</p>
  257.                         </div>
  258.                     </div>
  259.                 </div>
  261.                 <div class="accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
  262.                     <div class="accordion__header">
  263.                         <h2 class="accordion__title" itemprop="name">Як записатися на сервіс швидко та без черг?</h2>
  264.                     </div>
  265.                     <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="accordion__content">
  266.                         <div itemprop="text">
  267.                             <p class="service_accordion_text">Пропонуємо вам скористатися онлайн-записом на сервіс.
  268.                                 Це зручний та швидкий спосіб записатися на прийом, який дозволить вам:</p>
  269.                             <p class="service_accordion_text text-pdd">• Заощадити час: вам не потрібно телефонувати
  270.                                 або приїздити на СТО особисто.</p>
  271.                             <p class="service_accordion_text text-pdd">• Записатися на сервіс будь-коли 24/7 і з
  272.                                 будь-якої точки світу.</p>
  273.                             <p class="service_accordion_text text-pdd">• Вже на етапі замовлення побачити попередню вартість послуги.</p>
  274.                             <p class="service_accordion_text text-pdd">• Самостійно змінювати або скасовувати запис у будь-який час, якщо виникла така необхідність.</p>
  275.                             <p class="service_accordion_text">Завдяки
  276.                                 <button class="service_accordion_text-btn open_service_module">онлайн-запису</button>
  277.                                 ви можете отримати якісний сервіс швидко та без зайвих клопотів!</p>
  278.                         </div>
  279.                     </div>
  280.                 </div>
  281.             </div>
  282.         </div>
  283.     </div>
  284. </section>
  286. <section id="serviceDealer" class="section_service_stations">
  287.     <div class="container">
  288.         <div class="service_stations_header">
  289.             <p class="stations_header_title">Офіційні сервісні станціі</p>
  290.             <div class="service_stations_filter_wrapper">
  291.                 <div class="stations_filter_select type_city" @click="changeSelect('type_city')">
  292.                     <p class="filter_select_name">
  293.                         <span v-if="!selectCityId">Виберіть локацію</span>
  294.                         <span v-else v-html="optionsCities[selectCityId].value"></span>
  295.                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  296.                             <path d="M14.0667 5.91666L8.46668 11.5333C8.40002 11.6 8.32779 11.6473 8.25002 11.6753C8.17224 11.7033 8.08891 11.7171 8.00002 11.7167C7.91113 11.7167 7.82779 11.7029 7.75002 11.6753C7.67224 11.6478 7.60002 11.6004 7.53335 11.5333L1.91668 5.91666C1.76113 5.76111 1.68335 5.56666 1.68335 5.33333C1.68335 5.1 1.76668 4.9 1.93335 4.73333C2.10002 4.56666 2.29446 4.48333 2.51668 4.48333C2.7389 4.48333 2.93335 4.56666 3.10002 4.73333L8.00002 9.63333L12.9 4.73333C13.0556 4.57778 13.2473 4.5 13.4753 4.5C13.7033 4.5 13.9005 4.58333 14.0667 4.75C14.2334 4.91666 14.3167 5.11111 14.3167 5.33333C14.3167 5.55555 14.2334 5.75 14.0667 5.91666Z" fill="#333333"/>
  297.                         </svg>
  298.                     </p>
  299.                     <ul class="filter_select_group">
  300.                         <li class="filter_select_item" @click="setCity(null)">Вибрати всі</li>
  301.                         <li v-for="item in optionsCities" class="filter_select_item" v-html="item.value" @click="setCity(item.id)"></li>
  302.                     </ul>
  303.                 </div>
  304.                 <div class="stations_filter_select type_brand" @click="changeSelect('type_brand')">
  305.                     <p class="filter_select_name">
  306.                         <span v-if="!selectBrandId">Виберіть марку</span>
  307.                         <span v-else v-html="optionsBrands[selectBrandId].value"></span>
  308.                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  309.                             <path d="M14.0667 5.91666L8.46668 11.5333C8.40002 11.6 8.32779 11.6473 8.25002 11.6753C8.17224 11.7033 8.08891 11.7171 8.00002 11.7167C7.91113 11.7167 7.82779 11.7029 7.75002 11.6753C7.67224 11.6478 7.60002 11.6004 7.53335 11.5333L1.91668 5.91666C1.76113 5.76111 1.68335 5.56666 1.68335 5.33333C1.68335 5.1 1.76668 4.9 1.93335 4.73333C2.10002 4.56666 2.29446 4.48333 2.51668 4.48333C2.7389 4.48333 2.93335 4.56666 3.10002 4.73333L8.00002 9.63333L12.9 4.73333C13.0556 4.57778 13.2473 4.5 13.4753 4.5C13.7033 4.5 13.9005 4.58333 14.0667 4.75C14.2334 4.91666 14.3167 5.11111 14.3167 5.33333C14.3167 5.55555 14.2334 5.75 14.0667 5.91666Z" fill="#333333"/>
  310.                         </svg>
  311.                     </p>
  312.                     <ul class="filter_select_group">
  313.                         <li class="filter_select_item" @click="setBrand(null)">Вибрати всі</li>
  314.                         <li v-for="item in optionsBrands" class="filter_select_item" v-html="item.value" @click="setBrand(item.id)"></li>
  315.                     </ul>
  316.                 </div>
  317.             </div>
  318.         </div>
  320.         <div class="service_stations_wrapper">
  321.             <div v-for="item in dealers" class="service_stations_box">
  322.                 <img class="service_stations_img" :src="item.logo" :alt="item.title">
  323.                 <div class="service_stations_info">
  324.                     <div class="stations_info-name" :title="item.title" v-html="item.title"></div>
  325.                     <div class="stations_info-box">
  326.                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  327.                             <path d="M7.99976 8.5C9.10433 8.5 9.99976 7.60457 9.99976 6.5C9.99976 5.39543 9.10433 4.5 7.99976 4.5C6.89519 4.5 5.99976 5.39543 5.99976 6.5C5.99976 7.60457 6.89519 8.5 7.99976 8.5Z" stroke="#E40C25" stroke-linecap="round" stroke-linejoin="round"/>
  328.                             <path d="M13 6.5C13 11 8 14.5 8 14.5C8 14.5 3 11 3 6.5C3 5.17392 3.52678 3.90215 4.46447 2.96447C5.40215 2.02678 6.67392 1.5 8 1.5C9.32608 1.5 10.5979 2.02678 11.5355 2.96447C12.4732 3.90215 13 5.17392 13 6.5V6.5Z" stroke="#E40C25" stroke-linecap="round" stroke-linejoin="round"/>
  329.                         </svg>
  330.                         <span class="stations_info-text" :title="item.serviceAddress" v-html="item.serviceAddress"></span>
  331.                     </div>
  333.                     <div class="stations_info-box">
  334.                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  335.                             <path d="M5.77977 7.80126C6.29842 8.8616 7.15792 9.71719 8.2206 10.231C8.29835 10.2678 8.38436 10.2838 8.47015 10.2773C8.55595 10.2708 8.63857 10.2421 8.7099 10.194L10.2746 9.15059C10.3438 9.10444 10.4235 9.07629 10.5063 9.06868C10.5891 9.06107 10.6725 9.07425 10.749 9.10701L13.6763 10.3616C13.7757 10.4038 13.8588 10.4772 13.9128 10.5708C13.9669 10.6643 13.9892 10.7729 13.9762 10.8801C13.8837 11.6041 13.5304 12.2696 12.9826 12.7519C12.4347 13.2342 11.7299 13.5003 11 13.5003C8.74566 13.5003 6.58365 12.6048 4.98959 11.0107C3.39553 9.41665 2.5 7.25465 2.5 5.00031C2.50004 4.27041 2.76612 3.56556 3.24843 3.01773C3.73073 2.46989 4.39618 2.11664 5.12019 2.02412C5.22745 2.01114 5.33602 2.03337 5.42955 2.08746C5.52307 2.14155 5.59649 2.22457 5.63873 2.32401L6.89439 5.25387C6.92687 5.32966 6.9401 5.4123 6.93291 5.49443C6.92572 5.57657 6.89833 5.65565 6.85318 5.72464L5.81341 7.31337C5.76608 7.38484 5.7381 7.46736 5.73221 7.55288C5.72631 7.63839 5.7427 7.72397 5.77977 7.80126V7.80126Z" stroke="#E40C25" stroke-linecap="round" stroke-linejoin="round"/>
  336.                         </svg>
  338.                         <a href="tel:+380445070808" class="stations_info-text" v-html="item.servicePhone"></a>
  339.                     </div>
  341.                     <div class="stations_info-box">
  342.                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  343.                             <g clip-path="url(#clip0_1434_991)">
  344.                                 <path d="M13.6569 2.34314C12.1459 0.832153 10.1368 0 8 0C5.86316 0 3.85413 0.832153 2.34314 2.34314C0.832153 3.85413 0 5.86304 0 7.99988C0 10.1368 0.832153 12.1458 2.34314 13.6567C3.85413 15.1678 5.86316 16 8 16C10.1368 16 12.1459 15.1678 13.6569 13.6569C15.1678 12.1458 16 10.1368 16 7.99988C16 5.86304 15.1678 3.85413 13.6569 2.34314ZM8 15.0624C4.10571 15.0624 0.9375 11.8942 0.9375 7.99988C0.9375 4.10571 4.10571 0.9375 8 0.9375C11.8943 0.9375 15.0625 4.10571 15.0625 8C15.0625 11.8942 11.8943 15.0624 8 15.0624Z" fill="#E40C25"/>
  345.                                 <path d="M13.2004 10.9731C13.7037 10.0966 13.9917 9.0813 13.9917 8C13.9917 6.9187 13.7036 5.90344 13.2004 5.02673C13.1967 5.01917 13.1932 5.0116 13.189 5.00427C13.1831 4.99414 13.1766 4.98474 13.1702 4.97522C12.6504 4.09009 11.9099 3.34961 11.0248 2.82983C11.0154 2.82336 11.006 2.81689 10.996 2.81104C10.9885 2.80676 10.9808 2.80334 10.9733 2.79956C10.0967 2.29626 9.0813 2.0083 8 2.0083C6.91858 2.0083 5.90332 2.29639 5.02661 2.79956C5.01917 2.80334 5.0116 2.80676 5.00415 2.81104C4.99426 2.81677 4.98486 2.82324 4.97546 2.82959C4.09033 3.34937 3.34973 4.08984 2.82983 4.97498C2.82336 4.98462 2.81689 4.99402 2.81091 5.00427C2.80664 5.01172 2.8031 5.01941 2.79932 5.0271C2.29626 5.90369 2.0083 6.91882 2.0083 7.99988C2.0083 9.08105 2.29626 10.0962 2.79932 10.9728C2.8031 10.9805 2.80664 10.9882 2.81104 10.9957C2.81763 11.0072 2.82483 11.0182 2.83228 11.0289C3.35193 11.9122 4.09155 12.6512 4.97534 13.1702C4.98474 13.1766 4.99414 13.1831 5.00415 13.1888C5.0144 13.1948 5.0249 13.2002 5.0354 13.2053C5.91016 13.7054 6.92224 13.9916 8 13.9916C9.07776 13.9916 10.0898 13.7054 10.9646 13.2053C10.9751 13.2002 10.9855 13.1948 10.9958 13.1888C11.0059 13.1831 11.0151 13.1766 11.0247 13.1703C11.9084 12.6512 12.6481 11.9121 13.1678 11.0288C13.1752 11.0181 13.1824 11.0072 13.189 10.9957C13.1932 10.9884 13.1967 10.9807 13.2004 10.9731ZM10.9213 12.1222L10.9164 12.1138C10.7869 11.8896 10.5001 11.8129 10.276 11.9423C10.0518 12.0717 9.97498 12.3584 10.1045 12.5825L10.11 12.592C9.60242 12.8262 9.04968 12.9785 8.46875 13.0322V13.0208C8.46875 12.762 8.25891 12.552 8 12.552C7.74109 12.552 7.53125 12.762 7.53125 13.0208V13.0322C6.95032 12.9785 6.39771 12.8262 5.89001 12.592L5.89551 12.5825C6.02502 12.3584 5.94824 12.0717 5.724 11.9423C5.49976 11.8127 5.21301 11.8896 5.08362 12.1138L5.07874 12.1222C4.61438 11.7921 4.20789 11.3857 3.87781 10.9213L3.88611 10.9164C4.11035 10.787 4.18713 10.5004 4.05774 10.2761C3.92822 10.0519 3.6416 9.97498 3.41736 10.1045L3.40796 10.11C3.17371 9.60229 3.02136 9.04968 2.96777 8.46863H2.97913C3.23804 8.46863 3.44788 8.25879 3.44788 7.99988C3.44788 7.74109 3.23804 7.53113 2.97913 7.53113H2.96777C3.02136 6.9502 3.17371 6.39758 3.40784 5.88989L3.41748 5.89551C3.49133 5.93811 3.5719 5.95837 3.65137 5.95837C3.81335 5.95837 3.97095 5.87427 4.05786 5.72375C4.18726 5.49963 4.11035 5.21289 3.88611 5.0835L3.87769 5.07861C4.20776 4.61426 4.61426 4.20776 5.07874 3.87769L5.08362 3.88611C5.17041 4.03662 5.328 4.12061 5.48999 4.12061C5.56946 4.12061 5.65015 4.10034 5.72388 4.05774C5.94812 3.92822 6.0249 3.6416 5.89551 3.41736L5.89001 3.40784C6.39758 3.17371 6.95032 3.02136 7.53113 2.96777V2.97913C7.53113 3.23804 7.74109 3.44788 7.99988 3.44788C8.25879 3.44788 8.46863 3.23804 8.46863 2.97913V2.96777C9.04968 3.02136 9.60229 3.17371 10.11 3.40784L10.1045 3.41736C9.97498 3.6416 10.0518 3.92822 10.2759 4.05774C10.3497 4.10034 10.4303 4.12061 10.5099 4.12061C10.6719 4.12061 10.8295 4.03662 10.9163 3.88623L10.9211 3.87769C11.3856 4.20776 11.7921 4.61426 12.1222 5.07874L12.1138 5.08362C11.8895 5.21301 11.8126 5.49963 11.9421 5.72388C12.0289 5.87439 12.1865 5.95837 12.3485 5.95837C12.428 5.95837 12.5085 5.93811 12.5824 5.89551L12.592 5.89001C12.8262 6.39758 12.9785 6.95032 13.0321 7.53125H13.0208C12.7618 7.53125 12.552 7.74109 12.552 8C12.552 8.25879 12.7618 8.46875 13.0208 8.46875H13.0321C12.9785 9.04968 12.8262 9.60242 12.5919 10.11L12.5825 10.1045C12.3583 9.97498 12.0715 10.0519 11.9421 10.2761C11.8127 10.5004 11.8895 10.787 12.1138 10.9164L12.1222 10.9213C11.7921 11.3856 11.3856 11.7921 10.9213 12.1222Z" fill="#E40C25"/>
  346.                                 <path d="M10.5104 7.53101H8.46875V4.9873C8.46875 4.72852 8.25891 4.51855 8 4.51855C7.74109 4.51855 7.53125 4.72852 7.53125 4.9873V7.99976C7.53125 8.25867 7.74109 8.46851 8 8.46851H10.5104C10.7693 8.46851 10.9791 8.25867 10.9791 7.99976C10.9791 7.74097 10.7693 7.53101 10.5104 7.53101Z" fill="#E40C25"/>
  347.                             </g>
  348.                             <defs>
  349.                                 <clipPath id="clip0_1434_991">
  350.                                     <rect width="16" height="16" fill="white"/>
  351.                                 </clipPath>
  352.                             </defs>
  353.                         </svg>
  355.                         <p class="stations_info-text">Пн-Нд:
  356.                             <span v-html="item.serviceOpenTime"></span>-<span v-html="item.serviceCloseTime"></span>
  357.                         </p>
  358.                     </div>
  359.                     {# <a class="service_stations-link open_service_module" href="#">Записатись на сервіс</a> #}
  360.                     <p :data-dealerId="item.id" class="open-service-with-dealer service_stations-link open_service_module">Записатись на сервіс</p>
  361.                     <a class="service_stations-link" target="_blank" :href="item.serviceMapUrl">Прокласти  маршрут</a>
  362.                 </div>
  363.             </div>
  364.         </div>
  365.     </div>
  366. </section>
  368. <section class="section__service_seo">
  369.     <div class="container">
  370.         <p class="seo_title">Офіційний технічний сервіс автомобіля у VIDI – гарантія першокласного догляду за вашим транспортним засобом.</p>
  371.         <p class="service_accordion_text">СТО VIDI Київ – це офіційні сервісні станції 18 відомих світових брендів:
  372.              Citroen, Ford, Haval, Honda, Infiniti, Jaguar, Jeep, Land Rover, Lexus, Mazda, MG, Nissan, Opel,
  373.              Peugeot, Subaru, Suzuki, Toyota та Volvo, де ваш автомобіль отримає найкраще професійне обслуговування.
  374.              Наш офіційний сервіс у Києві гарантує надійність та безпеку вашого автомобіля на дорозі.</p>
  375.         <p class="service_accordion_text">Чому варто вибрати ВІДІ сервіс для технічного обслуговування авто?</p>
  376.         <p class="service_accordion_text text-pdd"><span class="pr-1">•</span> У нас працюють професійні механіки з великим досвідом у галузі
  377.              обслуговування та ремонту автомобілів. Вони завжди готові вирішити будь-які технічні проблеми й
  378.              забезпечити відмінний стан вашого транспортного засобу.</p>
  379.         <p class="service_accordion_text text-pdd"><span class="pr-1">•</span> СТО VIDI  оснащено сучасним сертифікованим обладнанням й
  380.              новітніми технологіями, що дозволяє нам проводити точну діагностику та ефективний ремонт.</p>
  381.         <p class="service_accordion_text text-pdd"><span class="pr-1">•</span> Використовуємо лише оригінальні запчастини, щоб гарантувати
  382.              найвищу якість обслуговування вашого автомобіля.</p>
  383.         <p class="service_accordion_text text-pdd"><span class="pr-1">•</span> Оформлення запису на техсервіс машин у нас – легко та зручно.
  384.             Ви можете здійснити онлайн запис на сервіс на сайті VIDI або зателефонувати до офіційного сервісу одного
  385.             з дилерських центрів VIDI у Києві. Наші менеджери завжди готові вас проконсультувати та допомогти
  386.             вибрати зручний для вас час.</p>
  387.         <p class="service_accordion_text">Вибирайте надійність та якість – вибирайте офіційний технічний сервіс
  388.             автомобіля у VIDI. СТО ВІДІ в Києві – ваш надійний партнер у світі автомобільних технологій та
  389.             обслуговування.</p>
  390.         <p class="service_accordion_text">Запишіться на автосервіс вже сьогодні та особисто переконайтесь у
  391.             професіоналізмі наших майстрів.</p>
  392.         <p class="service_accordion_text">Ми прагнемо забезпечити вам не лише бездоганний ремонт, а й комфорт та
  393.             задоволення від користування власним авто.</p>
  394.     </div>
  395. </section>