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

Open in your IDE?
  1. {% extends '@DcSite/Jaguar/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ 'seo.main.title'|trans({}, 'dc_jaguar') }}</title>
  5.     <meta name="description" content="{{ 'seo.main.description'|trans({}, 'dc_jaguar') }}">
  6.     <meta name="keywords"  content="{{ 'seo.main.keywords'|trans({}, 'dc_jaguar') }}">
  7.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/jaguar/css/jaguarMain.css?{{ VERSION }}">
  8. {% endblock head %}
  10. {% block ogtagDynamic %}
  11.     <meta property="og:title" content="{{ 'seo.main.title'|trans({}, 'dc_jaguar') }}">
  12.     <meta property="og:description" content="{{ 'seo.main.description'|trans({}, 'dc_jaguar') }}">
  13. {% endblock ogtagDynamic %}
  15. {% block content %}
  16.         <section class="main-slider">
  17.             <div class="slider regular" data-length="{{ sliders|length }}">
  18.                 {% for slider in sliders %}
  19.                     <div id="slider-data">
  21.                         <picture class="slider_desc" alt="{{ slider.title }}">
  22.                             <source srcset="{{ slider.image_webp }}" type="image/webp">
  23.                             <source srcset="{{ slider.image }}">
  24.                             <img src="{{ slider.image }}" alt="{{ slider.title }}" data-sizes="100vw">
  25.                         </picture>
  27.                         <picture class="slider_mobile" alt="{{ slider.title }}">
  28.                             <source srcset="{{ slider.image_webp_mobile }}" type="image/webp">
  29.                             <source srcset="{{ slider.image_mobile }}">
  30.                             <img src="{{ slider.image_mobile }}" alt="{{ slider.title }}">
  31.                         </picture>
  33.                         <div class="mainimg-info">
  34.                             <div class="container">
  35.                                 <div class="row">
  36.                                     <div class="col-sm-12 col-md-12 col-lg-5 col-xl-5 pr-0 pl-0 slider-col">
  37.                                         <div class="mainimg-title-bg">
  38.                                             <span>{{ slider.title }}</span>
  39.                                         </div>
  40.                                         <div class="mainimg-specification">
  41.                                             <div class="clearfix specification-box">
  42.                                                 <span class="car-price">{{ slider.subTitle }}</span>
  43.                                                 <span class="car-name"></span>
  44.                                                 <a class="btn-black slider-btn" href="{{ slider.url }}">{{ slider.btn }}</a>
  45.                                             </div>
  46.                                         </div>
  47.                                     </div>
  48.                                 </div>
  49.                             </div>
  50.                         </div>
  51.                     </div>
  52.                 {% endfor %}
  53.             </div>
  54.             <div class="container">
  55.                 <div class="row">
  56.                     <a class="ScrollDown" href="#ScrollDown" title="scrollDown"></a>
  57.                     <div class="slider-number"></div>
  58.                 </div>
  59.             </div>
  60.         </section>
  61.         <section class="model-lineup section-padding" id="ScrollDown">
  62.             <div class="container">
  63.                 <div class="row">
  64.                     <div class="col-md-12 section-title">
  65.                         <span>{{ 'main.model_lineup'|trans({}, 'dc_jaguar') }}</span>
  66.                     </div>
  67.                 </div>
  68.                 <div class="row flex__mob">
  69.                     {% for car in cars %}
  70.                         <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
  71.                             <div class="model-card">
  72.                                 <div class="model-image flexbox-wrapper mb-0">
  73.                                     <a href="{{ path('jaguar_card_car', {'car': car.url}) }}">
  74.                                         <picture alt="{{ car.fullName }}">
  75.                                             <source srcset="{{ car.image_webp }}" type="image/webp">
  76.                                             <source srcset="{{ car.image }}">
  77.                                             <img src="{{ car.image }}" alt="{{ car.fullName }}">
  78.                                         </picture>
  79.                                     </a>
  80.                                 </div>
  81.                                 <div class="card-body">
  82.                                     <a href="{{ path('jaguar_card_car', {'car': car.url}) }}">
  83.                                         <span class="car-name">{{ car.fullName }}</span>
  85.                                         {% if car.isNew %}
  86.                                             <span >{{ 'pages.car.is_new_2'|trans({},'dc_base') }}</span>
  87.                                         {% endif %}
  89.                                     </a>
  90.                                     <span class="car-price d-block mb-3">{{ 'main.from'|trans({}, 'dc_jaguar') }} {{ car.price | price  }} {{ 'main.uah'|trans({}, 'dc_jaguar')|raw }}</span>
  91. {#                                  <span class="car-title">{{ car.slogan(app.request.locale) }}</span>#}
  92.                                     <a class="link-btn before-arrow" href="{{ path('jaguar_card_car', { 'car': car.url }) }}">{{ 'main.view_car'|trans({}, 'dc_jaguar') }}</a>
  93. {#                                  <a class="link-btn before-arrow" href="{{ path('jaguar_service_consultation', {'carId': car.vehicleId}) }}">{{ 'main.assign_td'|trans({}, 'dc_jaguar') }}</a>#}
  94.                                 </div>
  95.                             </div>
  96.                         </div>
  97.                     {% endfor %}
  98.                 </div>
  99.             </div>
  100.         </section>
  101.         <section class="lead-magnets section-padding bg-grey pb-0"  >
  102.             <div class="container">
  103.                 <div class="row">
  104.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  105.                         <a href="#" data-toggle="modal" data-target="#callback-order" class="lead-magnets-btn">
  106.                             <div class="lead-magnets-img flexbox-wrapper">
  107.                                 <span class="wrap-icon">
  108.                                     <i class="icon-lr icon-phone"></i>
  109.                                 </span>
  110.                             </div>
  111.                             <div>
  112.                                 <span class="lead-magnets-title text-center">{{ 'main.order_call'|trans({}, 'dc_jaguar') }}</span>
  113.                                 <p class="lead-magnets-subtitle">{{ 'main.order_call_desc'|trans({}, 'dc_jaguar') }}</p>
  114.                             </div>
  115.                         </a>
  116.                     </div>
  117. {#                    <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">#}
  118. {#                        <a href="{{ path('jaguar_service_consultation') }}" class="lead-magnets-btn">#}
  119. {#                            <div class="lead-magnets-img flexbox-wrapper">#}
  120. {#                                <span class="wrap-icon">#}
  121. {#                                    <i class="icon-lr icon-ignite-drive"></i>#}
  122. {#                                </span>#}
  123. {#                            </div>#}
  124. {#                            <div>#}
  125. {#                                <span class="lead-magnets-title text-center">{{ 'main.assign_td'|trans({}, 'dc_jaguar') }}</span>#}
  126. {#                                <p class="lead-magnets-subtitle">{{ 'main.assign_td_descr'|trans({}, 'dc_jaguar') }}</p>#}
  127. {#                            </div>#}
  128. {#                        </a>#}
  129. {#                    </div>#}
  130.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  131.                         <a href="{{ path('jaguar_service_order_to') }}" class="lead-magnets-btn">
  132.                             <div class="lead-magnets-img flexbox-wrapper">
  133.                                 <span class="wrap-icon">
  134.                                     <i class="icon-lr icon-service"></i>
  135.                                 </span>
  136.                             </div>
  137.                             <div>
  138.                                 <span class="lead-magnets-title text-center">{{ 'main.assign_to'|trans({}, 'dc_jaguar') }}</span>
  139.                                 <p class="lead-magnets-subtitle">{{ 'main.assign_to_descr'|trans({}, 'dc_jaguar') }}</p>
  140.                             </div>
  141.                         </a>
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.         </section>
  146.         {#        Блок Акції\Новини тимчасово прибрати#}
  147. {#        <section class="posts page-tabs section-padding  ">#}
  148. {#            <div class="container">#}
  149. {#                <div class="row">#}
  150. {#                    <div class="col-md-12 section-title">#}
  151. {#                        <span>{{ 'main.news_and_propose'|trans({}, 'dc_jaguar') }}</span>#}
  152. {#                    </div>#}
  153. {#                </div>#}
  154. {#                <nav>#}
  155. {#                    <div class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist">#}
  156. {#                        <a class="nav-item nav-link active" id="nav-special-offers-tab" data-toggle="tab" href="#nav-special-offers" role="tab" aria-controls="nav-special-offers" aria-selected="true">#}
  157. {#                            {{ 'main.specials'|trans({}, 'dc_jaguar') }}#}
  158. {#                        </a>#}
  159. {#                        <a class="nav-item nav-link" id="nav-news-tab" data-toggle="tab" href="#nav-news" role="tab" aria-controls="nav-news" aria-selected="false">#}
  160. {#                            {{ 'main.news'|trans({}, 'dc_jaguar') }}#}
  161. {#                        </a>#}
  162. {#                    </div>#}
  163. {#                </nav>#}
  164. {#                <div class="tab-content" id="nav-tabContent">#}
  165. {#                    <div class="tab-pane fade show active" id="nav-special-offers" role="tabpanel" aria-labelledby="nav-special-offers-tab">#}
  166. {#                        <div class="row">#}
  167. {#                            {% for special in specials %}#}
  168. {#                                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">#}
  169. {#                                    <div class="card-posts">#}
  170. {#                                        <div class="image-block flexbox-wrapper">#}
  171. {#                                            <a href="{{ path('jaguar_special_offers_single', { 'url': special.url }) }}">#}
  172. {#                                                {{ sonata_media(special.image(app.request.locale), 'small') }}#}
  173. {#                                            </a>#}
  174. {#                                        </div>#}
  175. {#                                        <div class="card-body">#}
  176. {#                                            <p class="date">#}
  177. {#                                                <span class="date-box-ico"></span>#}
  178. {#                                                <small class="text-muted">до {{ special.dateEnd|date('d.m.Y') }}</small>#}
  179. {#                                            </p>#}
  180. {#                                            <a href="{{ path('jaguar_special_offers_single', { 'url': special.url }) }}">#}
  181. {#                                                <span class="card-title">{{ special.title(app.request.locale) }}</span>#}
  182. {#                                            </a>#}
  183. {#                                            <a href="{{ path('jaguar_special_offers_single', { 'url': special.url }) }}" class="link-btn before-arrow">#}
  184. {#                                                {{ 'main.details'|trans({}, 'dc_jaguar') }}#}
  185. {#                                            </a>#}
  186. {#                                        </div>#}
  187. {#                                    </div>#}
  188. {#                                </div>#}
  189. {#                            {% endfor %}#}
  190. {#                        </div>#}
  191. {#                    </div>#}
  192. {#                    <div class="tab-pane fade" id="nav-news" role="tabpanel" aria-labelledby="nav-news-tab">#}
  193. {#                        <div class="row">#}
  194. {#                            {% for post in news %}#}
  195. {#                                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">#}
  196. {#                                    <div class="card-posts">#}
  197. {#                                        <div class="image-block flexbox-wrapper">#}
  198. {#                                            <a href="{{ path('jaguar_aboutus_news-single', { 'url': post.url }) }}">#}
  199. {#                                                {{ sonata_media(post.image(app.request.locale), 'small') }}#}
  200. {#                                            </a>#}
  201. {#                                        </div>#}
  202. {#                                        <div class="card-body">#}
  203. {#                                            <p class="date">#}
  204. {#                                                <span class="date-box-ico"></span>#}
  205. {#                                                <small class="text-muted">{{ post.dateCreate|date('d.m.Y') }}</small>#}
  206. {#                                            </p>#}
  207. {#                                            <a href="{{ path('jaguar_aboutus_news-single', { 'url': post.url }) }}">#}
  208. {#                                                <span class="card-title">{{ post.title(app.request.locale) }}</span>#}
  209. {#                                            </a>#}
  210. {#                                            <a href="{{ path('jaguar_aboutus_news-single', { 'url': post.url }) }}" class="link-btn before-arrow">#}
  211. {#                                                {{ 'main.details'|trans({}, 'dc_jaguar') }}#}
  212. {#                                            </a>#}
  213. {#                                        </div>#}
  214. {#                                    </div>#}
  215. {#                                </div>#}
  216. {#                            {% endfor %}#}
  217. {#                        </div>#}
  218. {#                    </div>#}
  219. {#                </div>#}
  220. {#            </div>#}
  221. {#        </section>#}
  222. {#        <section class="front-consultation">#}
  223. {#            <div class="container">#}
  224. {#                <div class="front-consultation__title">{{ 'main.order_consultation'|trans({}, 'dc_base') }}</div>#}
  226. {#                {% include '@DcSite/Modules/multi-consultation/multi-consultation-enter.html.twig' with {#}
  227. {#                    link_test_drive: "jaguar_service_testdrive_form",#}
  228. {#                    link_online: "jaguar_service_consultation_form_online",#}
  229. {#                    link_offline: "jaguar_service_consultation_form"#}
  230. {#                } %}#}
  232. {#                <div class="front-consultation__info">#}
  233. {#                    <p>{{ 'main.call_us'|trans({}, 'dc_base') }}</p>#}
  234. {#                    <a href="tel:{{ dealer.phone }}" class="front-consultation__phone">{{ dealer.phone }}</a>#}
  235. {#                </div>#}
  236. {#            </div>#}
  237. {#        </section>#}
  238.         <section class="section-padding bg-grey">
  239.             <div class="container">
  240.                 {% include '@DcSite/Jaguar/Modules/contacts.html.twig' %}
  241.             </div>
  242.         </section>
  243.         <section class="main-about-company section-padding pt-0 bg-grey" id="seo-card">
  244.             <div class="container">
  245.                 <div class="row">
  246.                     <div class="col-md-12">
  247.                         <div class="seo-wrap-main" id="seo-content-main">
  248.                             {% if app.request.locale == 'ua' %}
  249.                                 {% include '@DcSite/Jaguar/Main/translate/seo_ua.html.twig' %}
  250.                             {% else %}
  251.                                 {% include '@DcSite/Jaguar/Main/translate/seo_ru.html.twig' %}
  252.                             {% endif %}
  253.                             <div class="more seo-btn link-btn before-arrow">
  254.                                 {{ 'pages.read_all'|trans({}, 'dc_yamaha') }}
  255.                             </div>
  256.                         </div>
  257.                     </div>
  258.                 </div>
  259.             </div>
  260.         </section>
  261. {% endblock content %}
  263. {% block script %}
  264.     <script src="/dist/{{ MODE }}/dcsite/jaguar/js/jaguarMain.js?{{ VERSION }}"></script>
  265.     <script>
  266.         $(() => {
  267.             const obj = new dcsite.jaguarMain.Main();
  268.             obj.init({
  269.                 btnMore: "{{ 'pages.read_all'|trans({}, 'dc_yamaha') }}",
  270.                 btnHide: "{{ 'pages.hide'|trans({}, 'dc_yamaha') }}"
  271.             });
  272.             obj.initSlider({
  273.                 url: '{{ path('main_slider') }}'
  274.             });
  275.         });
  276.     </script>
  277. {% endblock script %}