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

Open in your IDE?
  1. {% extends '@DcSite/LandRover/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ 'seo.base.title'|trans({}, 'dc_landrover') }}</title>
  5.     <meta name="description" content="{{ 'seo.base.desc'|trans({}, 'dc_landrover') }}">
  6.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/landrover/css/landroverMain.css?{{ VERSION }}">
  7. {% endblock head %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ 'seo.base.title'|trans({}, 'dc_landrover') }}">
  11.     <meta property="og:description" content="{{ 'seo.base.desc'|trans({}, 'dc_landrover') }}">
  12. {% endblock ogtagDynamic %}
  14. {% block content %}
  15. {#        {% include '@DcSite/Modules/slider.html.twig' %}#}
  16.         <section class="main-slider">
  17.             <div class="slider regular" data-length="{{ sliders|length }}">
  18.                 {% for key, slider in sliders %}
  19.                     <div id="slider-data">
  20.                         <picture class="slider_desc" alt="{{ slider.title }}">
  21.                             <source srcset="{{ slider.image_webp }}" type="image/webp">
  22.                             <source srcset="{{ slider.image }}">
  23.                             <img src="{{ slider.image }}" alt="{{ slider.title }}" data-sizes="100vw">
  24.                         </picture>
  26.                         <picture class="slider_mobile" alt="{{ slider.title }}">
  27.                             <source srcset="{{ slider.image_webp_mobile }}" type="image/webp">
  28.                             <source srcset="{{ slider.image_mobile }}">
  29.                             <img src="{{ slider.image_mobile }}" alt="{{ slider.title }}">
  30.                         </picture>
  32.                         <div class="mainimg-info">
  33.                             <div class="container">
  34.                                 <div class="row">
  35.                                     <div class="col-sm-12 col-md-12 col-lg-5 col-xl-5 pr-0 pl-0 slider-col">
  36.                                         <div class="mainimg-title-bg">
  37.                                             <span>{{ slider.title }}</span>
  38.                                         </div>
  39.                                         <div class="mainimg-specification">
  40.                                             <div class="clearfix specification-box">
  41.                                                 <span class="car-price">{{ slider.subTitle }}</span>
  42.                                                 <span class="car-name"></span>
  43.                                                 <a class="btn-black slider-btn" href="{{ slider.url }}">{{ slider.btn }}</a>
  44.                                             </div>
  45.                                         </div>
  46.                                     </div>
  47.                                 </div>
  48.                             </div>
  49.                         </div>
  50.                     </div>
  51.                 {% endfor %}
  52.             </div>
  53.             <div class="container">
  54.                 <div class="row">
  55.                     <div class="slider-number"></div>
  56.                 </div>
  57.             </div>
  58.         </section>
  59.         <section class="lead-magnets section-padding bg-grey">
  60.             <div class="container">
  61.                 <div class="row">
  62.                     {#<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">#}
  63.                         {#<a href="{{ path('landrover_car_configurator') }}" class="lead-magnets-btn">#}
  64.                             {#<div class="lead-magnets-img flexbox-wrapper">#}
  65.                                 {#<span class="wrap-icon">#}
  66.                                     {#<i class="icon-lr icon-ignite-configure"></i>#}
  67.                                 {#</span>#}
  68.                             {#</div>#}
  69.                             {#<span class="lead-magnets-title">{{ 'main.create_your'|trans({}, 'dc_landrover') }} Land rover</span>#}
  70.                             {#<p class="lead-magnets-subtitle">{{ 'main.create_your_descr'|trans({}, 'dc_landrover') }}</p>#}
  71.                         {#</a>#}
  72.                     {#</div>#}
  73.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  74.                         <a href="{{ path('landrover_service_consultation') }}" class="lead-magnets-btn">
  75.                             <div class="wrapper__mob">
  76.                             <div class="lead-magnets-img flexbox-wrapper">
  77.                                 <span class="wrap-icon">
  78.                                     <i class="icon-lr icon-ignite-drive"></i>
  79.                                 </span>
  80.                                 <p class="arrow__rt">›</p>
  81.                             </div>
  82.                             <span class="lead-magnets-title">{{ 'main.order_td'|trans({}, 'dc_landrover') }}</span>
  83.                             </div>
  84.                             <p class="lead-magnets-subtitle mobile-shadow">{{ 'main.order_td_descr'|trans({}, 'dc_landrover') }}</p>
  85.                         </a>
  86.                     </div>
  87.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  88.                         <a href="{{ path('landrover_service_order_to') }}" class="lead-magnets-btn">
  89.                             <div class="wrapper__mob">
  90.                             <div class="lead-magnets-img flexbox-wrapper">
  91.                                 <span class="wrap-icon">
  92.                                     <i class="icon-lr icon-service"></i>
  93.                                 </span>
  94.                                 <p class="arrow__rt">›</p>
  95.                             </div>
  96.                             <span class="lead-magnets-title">{{ 'main.order_to'|trans({}, 'dc_landrover') }}</span>
  97.                             </div>
  98.                             <p class="lead-magnets-subtitle mobile-shadow">{{ 'main.order_to_descr'|trans({}, 'dc_landrover') }}</p>
  99.                         </a>
  100.                     </div>
  101.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  102.                         <a href="#" class="lead-magnets-btn" data-toggle="modal" data-target="#callback-order">
  103.                             <div class="wrapper__mob">
  104.                             <div class="lead-magnets-img flexbox-wrapper">
  105.                                 <span class="wrap-icon">
  106.                                     <i class="icon-lr icon-phone"></i>
  107.                                 </span>
  108.                                 <p class="arrow__rt">›</p>
  109.                             </div>
  110.                             <span class="lead-magnets-title">{{ 'form.order_call_title'|trans({}, 'dc_base') }}</span>
  111.                             </div>
  112.                             <p class="lead-magnets-subtitle mobile-shadow">{{ 'main.lead_consult'|trans({}, 'dc_landrover') }}</p>
  113.                         </a>
  114.                     </div>
  117.                 </div>
  118.             </div>
  119.         </section>
  120.         <section class="model-lineup section-padding">
  121.             <div class="container">
  122.                 <div class="row">
  123.                     <div class="col-md-12 section-title">
  124.                         <h1>{{ 'main.lineup_title'|trans({}, 'dc_landrover') }}</h1>
  125.                     </div>
  126.                 </div>
  127.                 <div class="row">
  128.                     {% for car in cars %}
  129.                     <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
  130.                         <div class="model-card">
  131.                             <div class="model-image flexbox-wrapper">
  132.                                 <a href="{{ path('landrover_card_car', {'car': car.url}) }}">
  133.                                     <picture alt="{{ car.fullName }}">
  134.                                         <source srcset="{{ car.image_webp }}" type="image/webp">
  135.                                         <source srcset="{{ car.image }}">
  136.                                         <img src="{{ car.image }}" alt="{{ car.fullName }}">
  137.                                     </picture>
  139.                                 </a>
  140.                             </div>
  141.                             <div class="card-body">
  142.                                 <span class="car-name">{{ car.modelName }}</span>
  143.                                 <span class="car-price">{{ 'main.from'|trans({}, 'dc_landrover') }} {{ car.price | price }} {{ 'main.uah'|trans({}, 'dc_landrover')|raw }}</span>
  144.                                 <span class="car-title">{{ car.slogan }}</span>
  145.                                 {#<a class="link-btn before-arrow" href="{{ path('landrover_car_configurator', { 'url': car.url }) }}">{{ 'main.configurator'|trans({}, 'dc_landrover') }}</a>#}
  146.                                 <a class="link-btn before-arrow" href="{{ path('landrover_service_consultation', {'carId': car.vehicleId}) }}">{{ 'main.order_td'|trans({}, 'dc_landrover') }}</a>
  147.                             </div>
  148.                         </div>
  149.                     </div>
  150.                     {% endfor %}
  151.                 </div>
  152.             </div>
  153.         </section>
  154.         <section class="front-consultation">
  155.             <div class="container">
  156.                 <div class="front-consultation__title">{{ 'main.order_consultation'|trans({}, 'dc_base') }}</div>
  158.                 {% include '@DcSite/Modules/multi-consultation/multi-consultation-enter.html.twig' with {
  159.                     link_test_drive: "landrover_service_testdrive_form",
  160.                     link_online: "landrover_service_consultation_form_online",
  161.                     link_offline: "landrover_service_consultation_form"
  162.                 } %}
  164.                 <div class="front-consultation__info">
  165.                     <p>{{ 'main.call_us'|trans({}, 'dc_base') }}</p>
  166.                     <a href="tel:{{ dealer.phone }}" class="front-consultation__phone">{{ dealer.phone }}</a>
  167.                 </div>
  168.             </div>
  169.         </section>
  170. {#        Блок Акції\Новини тимчасово прибрати#}
  171. {#        <section class="posts section-padding bg-grey">#}
  172. {#            <div class="container">#}
  173. {#                <div class="row">#}
  174. {#                    <div class="col-md-12 section-title">#}
  175. {#                        <span>{{ 'main.overall_info'|trans({}, 'dc_landrover') }}</span>#}
  176. {#                    </div>#}
  177. {#                </div>#}
  179. {#                <nav>#}
  180. {#                    <div class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist">#}
  181. {#                        <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">#}
  182. {#                            {{ 'main.specials_offer'|trans({}, 'dc_landrover') }}#}
  183. {#                        </a>#}
  184. {#                        <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">#}
  185. {#                            {{ 'main.news'|trans({}, 'dc_landrover') }}#}
  186. {#                        </a>#}
  187. {#                    </div>#}
  188. {#                </nav>#}
  189. {#                <div class="tab-content" id="nav-tabContent">#}
  190. {#                    <div class="tab-pane fade show active" id="nav-special-offers" role="tabpanel" aria-labelledby="nav-special-offers-tab">#}
  191. {#                        <div class="row" id="specialOfferVue">#}
  192. {#                            <template v-for="special in entities">#}
  193. {#                                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">#}
  194. {#                                    <div class="card-posts">#}
  195. {#                                        <div class="image-block flexbox-wrapper">#}
  196. {#                                            <a :href="special.url">#}
  197. {#                                                <img :src="special.image" :alt="special.title">#}
  198. {#                                            </a>#}
  199. {#                                        </div>#}
  200. {#                                        <div class="card-body">#}
  201. {#                                            <p class="date">#}
  202. {#                                                <span class="date-box-ico"></span>#}
  203. {#                                                <small class="text-muted" v-text="'до ' + special.dateEnd"></small>#}
  204. {#                                            </p>#}
  205. {#                                            <a :href="special.url">#}
  206. {#                                                <p class="card-title" v-text="special.title"></p>#}
  207. {#                                            </a>#}
  208. {#                                            <a :href="special.url" class="link-btn before-arrow">#}
  209. {#                                                {{ 'main.details'|trans({}, 'dc_landrover') }}#}
  210. {#                                            </a>#}
  211. {#                                        </div>#}
  212. {#                                    </div>#}
  213. {#                                </div>#}
  214. {#                            </template>#}
  215. {#                        </div>#}
  216. {#                    </div>#}
  217. {#                    <div class="tab-pane fade" id="nav-news" role="tabpanel" aria-labelledby="nav-news-tab">#}
  218. {#                        <div class="row" id="newsVue">#}
  219. {#                            <template v-for="post in entities">#}
  220. {#                                <div id="" class="col-sm-12 col-md-6 col-lg-6 col-xl-3">#}
  221. {#                                    <div class="card-posts">#}
  222. {#                                        <div class="image-block flexbox-wrapper">#}
  223. {#                                            <a :href="post.url">#}
  224. {#                                                <img :src="post.image" :alt="post.title">#}
  225. {#                                            </a>#}
  226. {#                                        </div>#}
  227. {#                                        <div class="card-body">#}
  228. {#                                            <p class="date">#}
  229. {#                                                <span class="date-box-ico"></span>#}
  230. {#                                                <small class="text-muted" v-text="post.dateCreate"></small>#}
  231. {#                                            </p>#}
  232. {#                                            <a :href="post.url">#}
  233. {#                                                <p class="card-title" v-text="post.title"></p>#}
  234. {#                                            </a>#}
  235. {#                                            <a :href="post.url" class="link-btn before-arrow">#}
  236. {#                                                {{ 'main.details'|trans({}, 'dc_landrover') }}#}
  237. {#                                            </a>#}
  238. {#                                        </div>#}
  239. {#                                    </div>#}
  240. {#                                </div>#}
  241. {#                            </template>#}
  242. {#                        </div>#}
  243. {#                    </div>#}
  244. {#                </div>#}
  245. {#            </div>#}
  246. {#        </section>#}
  247.         <section class="section-padding">
  248.             <div class="container">
  249.                 {% include '@DcSite/LandRover/Modules/contacts.html.twig' %}
  250.             </div>
  251.         </section>
  252.         <section class="main-about-company section-padding pt-0" id="seo-card">
  253.             <div class="container">
  254.                 <div class="row">
  255.                     <div class="col-md-12">
  256.                         <div class="seo-wrap-main" id="seo-content-main">
  257.                             {% if app.request.locale == 'ua' %}
  258.                                 {% include '@DcSite/LandRover/Main/translate/seo_ua.html.twig' %}
  259.                             {% else %}
  260.                                 {% include '@DcSite/LandRover/Main/translate/seo_ru.html.twig' %}
  261.                             {% endif %}
  262.                             <div class="more seo-btn link-btn before-arrow">
  263.                                 {{ 'pages.read_all'|trans({}, 'dc_yamaha') }}
  264.                             </div>
  265.                         </div>
  266.                     </div>
  267.                 </div>
  268.             </div>
  269.         </section>
  270. {% endblock content %}
  272. {% block script %}
  273.     <script src="/dist/{{ MODE }}/dcsite/landrover/js/landroverMain.js?{{ VERSION }}"></script>
  274.     <script>
  275.         $(() => {
  276.             const obj = new dcsite.landroverMain.Main();
  277.             obj.init({
  278.                 btnMore: "{{ 'pages.read_all'|trans({}, 'dc_yamaha') }}",
  279.                 btnHide: "{{ 'pages.hide'|trans({}, 'dc_yamaha') }}"
  280.             });
  281.             obj.initSlider();
  282.             obj.initSection({
  283.                 initUrl: '{{ path('news_special_load') }}',
  284.                 wrapper: '#specialOfferVue',
  285.                 urlSingle: 'landrover_special_offers_single'
  286.             });
  287.             obj.initSection({
  288.                 initUrl: '{{ path('news_load') }}',
  289.                 wrapper: '#newsVue',
  290.                 urlSingle: 'landrover_special_offers_single'
  291.             });
  292.         });
  293.     </script>
  294. {% endblock script %}