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

Open in your IDE?
  1. {% extends '@DcSite/Nissan_Armada/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ seoMeta.title ?? 'seo.main_page_title'|trans({},'dc_nissan_armada') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'pages.front_page_desc'|trans({},'dc_nissan_armada') }}">
  6.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/nissanArmada/css/nissanArmadaMain.css?{{ VERSION }}">
  7. {% endblock head %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ seoMeta.title ?? 'seo.main_page_title'|trans({}, 'dc_nissan_armada') }}">
  11.     <meta property="og:description" content="{{ seoMeta.description ?? 'seo.main_page_description'|trans({}, 'dc_nissan_armada') }}">
  12. {% endblock ogtagDynamic %}
  14. {% block content %}
  15.     {% include '@DcSite/Modules/slider.html.twig' %}
  16.     <section class="section-padding front-carcatalog">
  17.         <div class="container">
  18.             <div class="row">
  19.                 <div class="col-12 section-title">
  20.                     <span class="advantages-line-title"></span>
  21.                     <h1 class="text-transform-none">{{ 'pages.base_names.other.auto'|trans({},'dc_base') }} Nissan</h1>
  22.                 </div>
  23.             </div>
  24.             <div class="row ">
  25.                 {% for car in cars %}
  26.                     <div class="col-md-4">
  27.                         <div class="menu-model-lineup">
  28.                             <div class="clearfix car-prices-lineup">
  29.                                 <div class="car-name">
  30.                                     <a href="{{ path('nissan_armada_one_car', {category: car.category.url, car: car.url}) }}" style="color:#000;text-decoration: none;">
  31.                                         {% if car.isNew %}New {% endif %} {{ car.fullName }}<span class="btn-chevron-right-lineup"></span>
  32.                                     </a>
  33.                                 </div>
  34.                             </div>
  35.                             <div class="car-slogan-lineup">
  36.                                 <div class="car-slogan">{{ car.slogan }}</div>
  37.                             </div>
  38.                             <div class="offer-price-car-lineup">
  39.                                 <a class="price-car-front-page" href="#about-price">{{ 'pages.header.price'|trans({},'dc_nissan_armada') }}
  40.                                     <span class="price-car">
  41.                                         <span class="woocommerce-Price-amount amount">{{ car.price|price }}
  42.                                             <span class="woocommerce-Price-currencySymbol">грн</span>
  43.                                         </span>
  44.                                         <sup>*</sup>
  45.                                     </span>
  46.                                 </a>
  47.                             </div>
  48.                             <div class="menu-model-credit-car-lineup">
  49.                                 <a class="credit-car-front-page" href="#about-price">{{ 'pages.header.credit_car'|trans({},'dc_nissan_armada') }}<sup>1</sup></a>
  50.                             </div>
  51.                             <a class="car-link" href="{{ path('nissan_armada_one_car', {category: car.category.url, car: car.url}) }}">
  52.                                 <picture alt="{{ car.fullName }}">
  53.                                     <source srcset="{{ car.image_webp }}" type="image/webp">
  54.                                     <source srcset="{{ car.image }}">
  55.                                     <img width="270" height="191" src="{{ car.image }}" alt="{{ car.fullName }}">
  56.                                 </picture>
  57.                             </a>
  58.                             <a href="{{ path('nissan_armada_one_car', {category: car.category.url, car: car.url}) }}" class="btn-menu-reserved-front-page">
  59.                                 {{ 'pages.header.special_proposition'|trans({},'dc_nissan_armada') }}<span class="btn btn-chevron-right"></span>
  60.                             </a>
  61.                         {#ТЕСТ-ДРАЙВ#}
  62. {#                            <a href="{{ path('nissan_armada_service_consultation', {'carId': car.vehicleId}) }}" class="btn-menu-test-drive-lineup d-block">Тест-драйв<span class="btn btn-chevron-right"></span></a>#}
  63.                         </div>
  64.                     </div>
  65.                 {% endfor %}
  66.                 <div class="clearfix"></div>
  67.             </div>
  68.         </div>
  69.     </section>
  70.     {% include '@DcSite/Nissan_Armada/Modules/leads-magnets-frontpage.html.twig' %}
  71.     <section class="front-carcatalog section-padding car-in-stocks">
  72.         <div class="container">
  73.             <div class="row ">
  74.                 <div class="col-12 section-title">
  75.                     <span class="advantages-line-title"></span>
  76.                     <h1 class="seo-title">{{ 'pages.car.in_stock'|trans({},'dc_nissan_armada') }}</h1>
  77.                 </div>
  78.                 {% for car in in_stock %}
  79.                     <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
  80.                         <div class="menu-model-lineup">
  81.                             <div class="car-prices-lineup">
  82.                                 <div class="car-name">
  83.                                     <a href="{{ path('nissan_armada_cars_in_stock_card', {url:car.url}) }}" style="color:#000;text-decoration: none;">
  84.                                         {{ car.modelName }}<span class="btn-chevron-right-lineup"></span>
  85.                                     </a>
  86.                                 </div>
  87.                             </div>
  88.                             <div class="car-slogan-lineup">
  89.                                 <div class="car-slogan">{{ car.equipment.title }}, {{ car.fuelTypeName }}, {{ car.enginePower }} {{ 'car_page.compare.max_p_short'|trans({},'dc_base') }}</div>
  90.                             </div>
  91.                             <div class="offer-price-car-lineup">
  92.                                 <a class="price-car-front-page" href="{{ path('nissan_armada_cars_in_stock_card', {url:car.url}) }}">
  93.                                 <span class="price-car">
  94.                                 <span class="woocommerce-Price-amount amount">
  95.                                     {{ car.price|price }}<span class="woocommerce-Price-currencySymbol">грн</span>
  96.                                 </span>
  97.                             </span>
  98.                                 </a>
  99.                             </div>
  100.                             <a class="car-link" href="{{ path('nissan_armada_cars_in_stock_card', {url:car.url}) }}">
  101.                                 <picture alt="{{ car.fullName }}">
  102.                                     <source srcset="{{ car.image_webp }}" type="image/webp">
  103.                                     <source srcset="{{ car.image }}">
  104.                                     <img src="{{ car.image }}" alt="{{ car.fullName }}">
  105.                                 </picture>
  106.                             </a>
  107.                             <div class="car-in-stocks__characteristics">
  108.                                 <span class="characteristics__item engine-icon d-block">{{ car.fuelTypeName }}</span>
  109.                                 <span class="characteristics__item transmission-icon">{{ car.transmissionTypeName }}</span>
  110.                                 <span class="characteristics__item drivetype-icon">{{ car.driveUnitTypeName }}</span>
  111.                             </div>
  112.                             <a href="{{ path('nissan_armada_cars_in_stock_card', {url:car.url}) }}" class="btn-menu-reserved-front-page">{{ 'pages.buttons.details'|trans({},'dc_base') }}<span class="btn btn-chevron-right"></span></a>
  113.                         </div>
  114.                     </div>
  115.                 {% endfor %}
  116.             </div>
  117.             <div class="row">
  118.                 <div class="col-md-12">
  119.                     <a href="{{ path('nissan_armada_in_stockcatalog') }}" class="more-car-in-stocks">{{ 'car_page.compare.show_all'|trans({},'dc_base') }}</a>
  120.                 </div>
  121.             </div>
  122.         </div>
  123.     </section>
  124.     <section class="front-consultation">
  125.         <div class="container">
  126.             <div class="front-consultation__title">{{ 'main.order_consultation'|trans({}, 'dc_base') }}</div>
  128.             {% include '@DcSite/Modules/multi-consultation/multi-consultation-enter.html.twig' with {
  129.                 link_test_drive: "nissan_armada_service_testdrive_form",
  130.                 link_online: "nissan_armada_service_consultation_form_online",
  131.                 link_offline: "nissan_armada_service_consultation_form"
  132.             } %}
  134.             <div class="front-consultation__info">
  135.                 <p>{{ 'main.call_us'|trans({}, 'dc_base') }}</p>
  136.                 <a href="tel:{{ dealer.phone }}" class="front-consultation__phone">{{ dealer.phone }}</a>
  137.             </div>
  138.         </div>
  139.     </section>
  140.     {% if actions %}
  141.         <section class="section-padding front-stock">
  142.             <div class="container">
  143.                 <div class="row">
  144.                     <div class="col-12 section-title">
  145.                         <span class="advantages-line-title"></span>
  146.                         <span>{{ 'pages.header.stocks_for'|trans({},'dc_nissan_armada') }}</span>
  147.                     </div>
  148.                 </div>
  149.                 <div class="row stock-box" >
  150.                     {% for action in actions %}
  151.                         <div class="col-md-4 stock-variation" >
  152.                             <div class="card">
  153.                                 <a href="{{ path('nissan_armada_stocks_single', { url: action.url }) }}">
  154.                                     <picture alt="{{ action.title }}">
  155.                                         <source srcset="{{ action.image_webp }}" type="image/webp">
  156.                                         <source srcset="{{ action.image }}">
  157.                                         <img class="card-img-top" src="{{ action.image }}" alt="{{ action.title }}">
  158.                                     </picture>
  159.                                 <div class="card-body">
  160.                                     <a href="{{ path('nissan_armada_stocks_single', { url: action.url }) }}"><span class="post-title">{{ action.title }}</span></a>
  161.                                     <div class="stock-date"><span class="date-box-ico"></span><time class="stock-post stock-date-begin" >{{ 'pages.stocks.archive.start_date'|trans({},'dc_nissan_armada') }}: {{ action.dateStart|date('d.m.Y') }}</time></div>
  162.                                     <a class="btn btn-link" href="{{ path('nissan_armada_stocks_single', { url: action.url }) }}">{{ 'pages.stocks.archive.detail_btn'|trans({},'dc_nissan_armada') }}<span class="btn btn-chevron-right"></span></a>
  163.                                 </div>
  164.                             </div>
  165.                         </div>
  166.                     {% endfor %}
  167.                 </div>
  168.             </div>
  169.         </section>
  170.     {% endif %}
  171.     <section class="map-fornt-page">
  172.         <div class="container">
  173.             <div class="row">
  174.                 <div class="col-md-6 bg-map-fornt-page">
  175.                     <div class="map-title-fornt-page">
  176.                         <div class="text-contact">
  177.                             <span class="advantages-line-title"></span>
  178.                             <span class="contacts-text-fornt-page"><b>{{ 'pages.header.call_me'|trans({},'dc_nissan_armada') }}</b></span>
  179.                             <br>
  180.                             <ul class="list-map-img list-none-fornt-page">
  181.                                 <li>
  182.                                     <span class="contact-tel"></span>{{ 'pages.header.support'|trans({},'dc_nissan_armada') }}:</li>
  183.                                 <li class="contact-tel-front-page"><a href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a>
  184.                                 </li>
  185.                                 <li>
  186.                                     <span class="contact-mail"></span>{{ 'pages.header.sales_dep'|trans({},'dc_nissan_armada') }}:</li>
  187.                                 <li class="contact-mail-front-page"><a href="mailto:{{ dealer.emailSale }}">{{ dealer.emailSale }}</a>
  188.                                 </li>
  189.                                 <li>
  190.                                     <span class="contact-mail"></span>{{ 'pages.header.service_dep'|trans({},'dc_nissan_armada') }}:</li>
  191.                                 <li class="contact-mail-front-page"><a href="mailto:{{ dealer.emailService }}">{{ dealer.emailService }}</a>
  192.                                 </li>
  193.                             </ul>
  194.                         </div>
  195.                     </div>
  196.                 </div>
  197.             </div>
  198.             <div class="offset-md-6 col-md-6 map-img-fornt-page">
  199.                 <iframe id="mainMap" width="100%" height="536" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  200.                 {#<iframe src="https://maps.google.com.ua/maps?q=ВИДИ+Армада&amp;ie=UTF8&amp;hl=ru&amp;hq=ВИДИ+Армада&amp;hnear=Киев,+город+Киев&amp;t=m&amp;cid=7729048737571872988&amp;ll=50.3751,30.8837&amp;spn=0.049251,0.11673&amp;z=13&amp;iwloc=A&amp;output=embed" width="100%" height="536" frameborder="0" style="border:0" allowfullscreen=""></iframe>#}
  201.                 <a href="https://goo.gl/maps/dwKchrnGkGw" target="_blank" class="front-page-btn-map">{{ 'pages.header.view_map'|trans({},'dc_nissan_armada') }}<span class="btn-chevron-front-page"></span></a>
  202.             </div>
  203.         </div>
  204.     </section>
  205.     <section id="textBox" class="section-padding box-seo product-shortdesc">
  206.         <div class="container">
  207.             <div class="row">
  208.                 <div class="col-12 section-title">
  209.                     <span class="advantages-line-title"></span>
  210.                     <span class="seo-title text-transform-none">{{ 'pages.about_company'|trans({},'dc_nissan_armada') }}</span>
  211.                 </div>
  212.             </div>
  213.             <div class="row">
  214.                 <div class="col-12">
  215.                     <article id="textWrap" style="height: 350px; padding-bottom: 40px; overflow: hidden;">
  216.                         {% if app.request.locale == 'ru' %}
  217.                             {% include '@DcSite/Nissan_Armada/Main/tmp-lang/seo.сontent.ru.html.twig' %}
  218.                         {% else %}
  219.                             {% include '@DcSite/Nissan_Armada/Main/tmp-lang/seo.сontent.ua.html.twig' %}
  220.                         {% endif %}
  221.                     </article>
  222.                 </div>
  223.             </div>
  224.         </div>
  225.         <div class="product-shortdesc-transparent">
  226.             <div class="container">
  227.                 <button type="button" id="textBTN">
  228.                     <span id="btnShow"> {{ 'pages.car.more'|trans({},'dc_nissan_armada') }}<span class="btn-chevron-right-seo"></span></span>
  229.                     <span id="btnHide" style="display: none;"> {{ 'pages.car.close_text'|trans({},'dc_nissan_armada') }}<span class="btn-chevron-right-seo"></span></span>
  230.                 </button>
  231.             </div>
  232.         </div>
  233.     </section>
  234.     <section class="about-price" id="about-price">
  235.         <div class="container">
  236.             <div class="row">
  237.                 <div class="col-12">
  238.                     <span class="advantages-mark-title"><sup>*</sup>{{ 'pages.header.footer_info_two'|trans({},'dc_nissan_armada') }}</span>
  239.                     <span class="advantages-mark-title"><sup>1</sup>{{ 'pages.header.footer_info_one'|trans({},'dc_nissan_armada') }}</span><br>
  240.                 </div>
  241.             </div>
  242.         </div>
  243.     </section>
  244. {% endblock content %}
  246. {% block script %}
  247.     <script src="/dist/{{ MODE }}/dcsite/nissanArmada/js/nissanArmadaMain.js?{{ VERSION }}"></script>
  248.     <script>
  249.         $(() => {
  250.             const obj = new dcsite.nissanArmadaMain.Main();
  251.             obj.init();
  252.             obj.initSlider({
  253.                 url: '{{ path('main_slider') }}'
  254.             });
  255.         });
  256.     </script>
  257. {% endblock script %}