templates/modules/app/pages/home.html.twig line 1

Open in your IDE?
  1. {% extends '@app/base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ encore_entry_link_tags('home') }}
  5. {% endblock %}
  7. {% block content %}
  8.     <div
  9.         class="page page--home">
  10.         {# Navigation #}
  11.         {% include '@app/includes/navigation.html.twig' %}
  13.         <section class="section section--intro">
  14.             <div class="section__container">
  15.                 <div class="figure" data-aos="fade" data-aos-duration="800">
  16.                     <img class="figure__image" src="{{ asset('assets/media/images/uploads/' ~ pages.active.slides[0].image|striptags) }}" alt="{{ pages.active.slides[0].alt|striptags }}">
  17.                 </div>
  18.                 <div class="section__header">
  19.                     <h1 class="section__title" data-aos="fade-right" data-aos-duration="400">
  20.                         {{ pages.active.textsArray['section_intro_title']|replace({
  21.                             '<p>': '<span>',
  22.                             '<br></p>': '</span>',
  23.                             '</p>' : '</span>',
  24.                             '<br>' : '</span><span>'
  25.                         })|raw }}
  26.                     </h1>
  27.                 </div>
  28.                 <div class="section__content" data-aos="fade-right" data-aos-duration="400">
  29.                     <div class="section__text">
  30.                         {{ pages.active.textsArray['section_intro_text']|raw }}
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.         </section>
  35.         <section class="section section--strength" data-aos="fade" data-aos-duration="200">
  36.             <div class="section__container">
  37.                 <div class="section__header">
  38.                     <h2 class="section__title" data-aos="fade-right" data-aos-delay="250" data-aos-duration="600">
  39.                         {{ pages.active.textsArray['section_strength_title']|replace({
  40.                             '<p>': '<span>',
  41.                             '<br></p>': '</span>',
  42.                             '</p>' : '</span>',
  43.                             '<br>' : '</span><span>'
  44.                         })|raw }}
  45.                     </h2>
  46.                 </div>
  47.                 <div class="section__content">
  48.                     <div class="wrapper">
  49.                         {% set aos_counter = 150 %}
  50.                         {% for item in pages.active.items %}
  51.                             {% set aos_counter = aos_counter + 100 %}
  52.                             <div class="block" data-aos="fade-right" data-aos-delay="{{ aos_counter }}" data-aos-duration="400">
  53.                                 <div class="figure">
  54.                                     <img class="figure__image" src="{{ asset('assets/media/images/uploads/' ~ item.image|striptags) }}" alt="{{ item.alt|striptags }}">
  55.                                 </div>
  56.                                 <h3 class="block__title">
  57.                                     {{ item.title|replace({
  58.                                         '<p>': '<span>',
  59.                                         '<br></p>': '</span>',
  60.                                         '</p>' : '</span>',
  61.                                         '<br>' : '</span><span>'
  62.                                     })|raw }}
  63.                                 </h3>
  64.                             </div>
  65.                         {% endfor %}
  66.                     </div>
  67.                 </div>
  68.             </div>
  70.         </section>
  71.         <section class="section section--products">
  72.             <div class="section__container">
  73.                 <div class="section__header" data-aos="fade-right" data-aos-duration="600">
  74.                     <h2 class="section__title">
  75.                         {{ pages.active.textsArray['section_products_title']|replace({
  76.                             '<p>': '<span>',
  77.                             '<br></p>': '</span>',
  78.                             '</p>' : '</span>',
  79.                             '<br>' : '</span><span>'
  80.                         })|raw }}
  81.                     </h2>
  82.                 </div>
  83.                 <div class="section__content">
  84.                     <div class="wrapper">
  85.                         {% set aos_counter = 150 %}
  86.                         {% for item in product_category %}
  87.                             {% set aos_counter = aos_counter + 100 %}
  88.                             <div class="block" data-aos="fade" data-aos-delay="{{ aos_counter }}" data-aos-duration="800">
  89.                                 <div class="figure">
  90.                                     <img class="figure__image" src="{{ asset('assets/media/images/uploads/' ~ item.imageCover|striptags) }}" alt="{{ item.alt|striptags }}">
  91.                                 </div>
  92.                                 <div class="block__content">
  93.                                     <h3 class="block__title">
  94.                                         {{ item.designation|replace({
  95.                                             '<p>': '<span>',
  96.                                             '<br></p>': '</span>',
  97.                                             '</p>' : '</span>',
  98.                                             '<br>' : '</span><span>'
  99.                                         })|raw }}
  100.                                     </h3>
  101.                                     <div class="controls">
  102.                                         <a href="{{ pages.list.products.translate(languages.locale).uri|path(languages)|replace({'/([a-zA-Z0-9-_]+)': ''}) ~ item.slugUrl }}" class="button">
  103.                                             {{ pages.active.textsArray['section_product_button']|replace({
  104.                                                 '<p>': '<span>',
  105.                                                 '<br></p>': '</span>',
  106.                                                 '</p>' : '</span>',
  107.                                                 '<br>' : '</span><span>'
  108.                                             })|raw }}
  109.                                         </a>
  110.                                     </div>
  111.                                 </div>
  112.                             </div>
  113.                         {% endfor %}
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </section>
  119.         <section class="section section--makings" data-aos="fade" data-aos-duration="200">
  120.             <div class="section__container">
  121.                 <div class="section__header">
  122.                     <h2 class="section__title" data-aos="fade-right" data-aos-duration="600">
  123.                         {{ pages.active.textsArray['section_makings_title']|replace({
  124.                             '<p>': '<span>',
  125.                             '<br></p>': '</span>',
  126.                             '</p>' : '</span>',
  127.                             '<br>' : '</span><span>'
  128.                         })|raw }}
  129.                     </h2>
  130.                 </div>
  131.                 <div class="section__content">
  132.                     <div class="section__row" data-aos="fade" data-aos-duration="800">
  133.                         <div id="makings-carousel" class="carousel carousel--makings owl-carousel owl-theme">
  134.                             {% for item in pages.active.homeSlides %}
  135.                                 <div class="block block-making" data-id="{{ item.id }}">
  136.                                     <div class="figure">
  137.                                         <img class="figure__image" src="{{ asset('assets/media/images/uploads/' ~ item.image|striptags) }}" alt="{{ item.alt|striptags }}">
  138.                                     </div>
  139.                                     <div class="block__content">
  140.                                         <h3 class="block__title">
  141.                                             {{ item.title|replace({
  142.                                                 '<p>': '<span>',
  143.                                                 '<br></p>': '</span>',
  144.                                                 '</p>' : '</span>',
  145.                                                 '<br>' : '</span><span>'
  146.                                             })|raw }}
  147.                                         </h3>
  148.                                     </div>
  149.                                 </div>
  150.                             {% endfor %}
  151.                         </div>
  152.                     </div>
  153.                 </div>
  154.             </div>
  155.         </section>
  157.         <section class="section section--partners">
  158.             <div class="section__container">
  159.                 <div class="section__header">
  160.                     <h2 class="section__title" data-aos="fade-right" data-aos-duration="600">
  161.                         {{ pages.active.textsArray['section_partners_title']|replace({
  162.                             '<p>': '<span>',
  163.                             '<br></p>': '</span>',
  164.                             '</p>' : '</span>',
  165.                             '<br>' : '</span><span>'
  166.                         })|raw }}
  167.                     </h2>
  168.                 </div>
  169.                 <div class="section__content" data-aos="fade-right" data-aos-duration="600">
  170.                     <div class="wrapper">
  171.                         {% set aos_counter = 150 %}
  172.                         {% for item in pages.active.secondItems %}
  173.                             {% set aos_counter = aos_counter + 100 %}
  174.                             <div class="block" data-aos="fade" data-aos-delay="{{aos_counter}}" data-aos-duration="600">
  175.                                 <div class="figure">
  176.                                     <img class="figure__image" src="{{ asset('assets/media/images/uploads/' ~ item.image|striptags) }}" alt="{{ item.alt|striptags }}">
  177.                                 </div>
  178.                             </div>
  179.                         {% endfor %}
  180.                     </div>
  181.                 </div>
  182.             </div>
  183.         </section>
  185.         {# Footer #}
  186.         {% include '@app/includes/footer.html.twig' %}
  187.     </div>
  188.     {# /.page #}
  189. {% endblock %}
  191. {% block javascripts %}
  192.     {{ encore_entry_script_tags('home') }}
  193. {% endblock %}