src/WebBundle/Resources/views/Home/main.html.twig line 1

Open in your IDE?
  1. {% extends '@Web/layout.html.twig' %}
  3. {% block title %}
  4.     {{ meta.title | raw }}
  5. {% endblock %}
  7. {% block meta %}
  8.     <meta name="keywords" content="{{ meta.keywords | raw }}" />
  9.     <meta name="description" content="{{ meta.description | raw }}" />
  11.     <meta property="og:type" content="website" />
  12.     <meta property="og:title" content="{{ meta.title | raw }}" />
  13.     <meta property="og:description" content="{{ meta.description | raw }}" />
  14.     <meta property="og:image" content="https://tile.expert/img/topMenu/hdLogo.png" />
  15.     <meta property="og:image:width" content="150" />
  16.     <meta property="og:image:height" content="27" />
  17.     <meta property="og:image:type" content="image/jpeg" />
  18.     <meta property="og:locale" content="{{ te.locale.getCurLocaleISO() }}" />
  19.     <meta property="og:url" content="{{ te.request.uri }}" />
  20.     <meta property="og:site_name" content="Tile.Expert" />
  21. {% endblock %}
  23. {% block stylesheets %}
  24.     {{ parent() }}
  25.     <link rel="stylesheet" href="{{ asset('_css/home.min.css') }}" />
  26. {% endblock %}
  28. {% block javascripts %}
  29.     {{ parent() }}
  31.     {% if te.checkIsDev %}
  32.         <script src="{{ asset('_js/home.js') }}"></script>
  33.     {% else %}
  34.         <script src="{{ asset('_js/home.min.js') }}"></script>
  35.     {% endif %}
  36. {% endblock %}
  38. {% block content %}
  39.     <div class="target">
  40.         <div class="general-content">
  42.             {# карусель recently added #}
  43.             {% include '@Web/Home/_last-collection-carousel.html.twig' %}
  45.             {# скрывать карусель с отзывами для мобильных экранов, если пользователь зашел на главную страницу больше 4 раз #}
  46.             {#   Вернул isFirstFourVisit . В js проверка на посещение и дальнейшее
  47.             действия с классом hide-reviews-carousel, а именно его удаление вызывает
  48.             критичные сдвиги макета, и падает показатель CLS. JS код не менял #}
  49.             <div id="reviews_container"
  50.                 {{ isFirstFourVisit is defined and isFirstFourVisit
  51.                     ? ''
  52.                     : ' class="hide-reviews-carousel"'
  53.                 }}
  54.             >
  55.                 {# карусель отзывов #}
  56.                 <span translate="no">
  57.                     {{ render_esi(controller('WebBundle\\Controller\\HomeController::reviewsAction')) }}
  58.                 </span>
  59.             </div>
  61.             <div class="clearfix"></div>
  63.             {# карусели TOP #}
  64.             {% include '@Web/Home/_top-carousel.html.twig' with {'isHome': true} %}
  66.             {# карусель блогов #}
  67.             {% if publications.list | length > 0 %}
  68.                 {% include '@Web/Home/_blogs.html.twig' %}
  69.             {% endif %}
  70.             <h2 class="carousel-name different">{{ 'main_different' | trans }}</h2>
  71.             <div class="row">
  72.                 <div class="differences">
  73.                 <!-- для локали ru задать класс, чтобы заменять иконку -->
  74.                 {% set change_icon = '' %}
  75.                 {% if userLocale() == 'ru' %}
  76.                     {% set change_icon = '-change-icon' %}
  77.                 {% endif %}
  79.                 <div class="differences-list">
  80.                     <div class="distinction ">
  81.                         <div class="distinction-icon">
  82.                             <img
  83.                                 src="/img/home/differences/price-and-time.svg"
  84.                                 loading="lazy"
  85.                                 width="77"
  86.                                 height="65"
  87.                             />
  88.                         </div>
  89.                         <div class="text">{{ 'main_good_price' | trans }}</div>
  90.                     </div>
  91.                     <div class="distinction">
  92.                         <div class="distinction-icon">
  93.                             <img
  94.                                 src="/img/home/differences/delivery.svg"
  95.                                 loading="lazy"
  96.                                 width="64"
  97.                                 height="65"
  98.                             />
  99.                         </div>
  100.                         <div class="text text_ref">{{ 'main_sample_delivery' | trans }}</div>
  101.                     </div>
  102.                     <div class="distinction ">
  103.                         <div class="distinction-icon">
  104.                             <img
  105.                                 src="/img/home/differences/payments.svg"
  106.                                 loading="lazy"
  107.                                 width="79.63"
  108.                                 height="66.32"
  109.                             />
  110.                         </div>
  111.                         <div class="text">{{ 'main_paypal_support' | trans }}</div>
  112.                     </div>
  113.                     <div class="distinction ">
  114.                         <div class="distinction-icon">
  115.                             <img
  116.                                 src="/img/home/differences/desing.svg"
  117.                                 loading="lazy"
  118.                                 width="75.2"
  119.                                 height="64"
  120.                             />
  121.                         </div>
  122.                         <div class="text">{{ 'main_real_photo' | trans }}</div>
  123.                     </div>
  124.                     <div class="distinction">
  125.                         <div class="distinction-icon">
  126.                             <img
  127.                                 src="/img/home/differences/support.svg"
  128.                                 loading="lazy"
  129.                                 width="65.6"
  130.                                 height="65.76"
  131.                             />
  132.                         </div>
  133.                         <div class="text">{{ 'main_every_order' | trans }}</div>
  134.                     </div>
  135.                     <div class="distinction">
  136.                         <div class="distinction-icon">
  137.                             <img
  138.                                 src="/img/home/differences/devices.svg"
  139.                                 loading="lazy"
  140.                                 width="75"
  141.                                 height="65"
  142.                             />
  143.                         </div>
  144.                         <div class="text">{{ 'main_mobile_support' | trans }}</div>
  145.                     </div>
  146.                 </div>
  148.                 {#<div class="differences-list hide">
  149.                     <div class="distinction dist social-icons-list">
  150.                         {{ render_esi(controller('WebBundle:Common:socialLink')) }}
  151.                     </div>
  152.                 </div>#}
  154.                 <div class="both"></div>
  155.             </div>
  156.             </div>
  157.             <div class="wrap-no-panic">
  158.                 <div class="no-panic {{ userLocale() }}">
  159.                     <img
  160.                         src="/img/home/no_panic/no_panic_{{ userLocale() }}.svg"
  161.                         class="ico-no-panic"
  162.                         alt="{{ 'no_panic' | trans }}"
  163.                         loading="lazy"
  164.                     />
  166.                     <p class="nopanic-items">
  167.                         <span>{{ 'no_panic_any_obligations' | trans }}</span>
  168.                         <br>
  170.                         <span>
  171.                             {{ 'no_panic_customer_service_p1' | trans }}&nbsp;
  172.                             <i>{{ 'no_panic_customer_service_p2' | trans }}</i>
  173.                         </span>
  175.                         <span>
  176.                             {{ 'no_panic_cancel_order_p1' | trans }}&nbsp;
  177.                             <i>{{ 'no_panic_cancel_order_p2' | trans }}</i>
  178.                         </span>
  180.                         <span>
  181.                             {{ 'no_panic_made_mistake_p1' | trans }}&nbsp;
  182.                         <i>{{ 'no_panic_made_mistake_p2' | trans({'%cur%': curLimit()}) }}</i>
  183.                         </span>
  185.                         {% if userCountry() != 'ru' %}
  186.                             <span class="paypal-item">
  187.                                 {{ 'no_panic_paypal_p1' | trans }}&nbsp;
  188.                                 {#<i>{{ 'no_panic_paypal_p2_before_paypal' | trans }}</i>&nbsp;
  189.                                 <i class="paypal-icon"></i>
  190.                                 <i>{{ 'no_panic_paypal_p2_after_paypal' | trans }}</i>#}
  191.                                 <i>{{ 'no_panic_paypal_all' | trans | raw }}</i>
  192.                             </span>
  193.                         {% endif %}
  195.                         <span>
  196.                             {{ 'no_panic_broken_tiles_p1' | trans }}&nbsp;
  197.                             <i>{{ 'no_panic_broken_tiles_p2' | trans }}</i>
  198.                         </span>
  199.                     </p>
  200.                 </div>
  201.             </div>
  202.             <div class="both"></div>
  203.         </div>
  204.     </div>
  205. {% endblock %}