templates/homepage.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'frontend' %}
  2. {% extends 'base.html.twig' %}
  4. {% block title %}{{ 'homepage.page_title'|trans }}{% endblock %}
  6. {% block body %}
  7.     <div class="nk-app-root">
  8.         <div class="nk-main">
  9.             {% block header %}
  10.                 {% include 'partials/header_home.html.twig' %}
  11.             {% endblock %}
  12.             <div class="nk-wrap">
  13.                 <div class="nk-content home">
  14.                     <section id="home" class="home-hero">
  15.                         <div class="container">
  16.                             <div class="row mb-lg-5 pt-5">
  17.                                 <div class="col-12">
  18.                                     <h2>{{ 'homepage.sections.hero.claim'|trans }}</h2>
  19.                                     <h1>{{ 'homepage.sections.hero.headline'|trans }}</h1>
  20.                                     <div class="sub-title">{{ 'homepage.sections.hero.subtext'|trans }}</div>
  21.                                 </div>
  22.                             </div>
  23.                         </div>
  24.                     </section>
  25.                     <section class="home-club-benefits">
  26.                         <div class="container">
  27.                             <div class="row">
  28.                                 <div class="col-12 col-lg-10 offset-lg-1">
  29.                                     <div class="row">
  30.                                         <div class="col-12">
  31.                                             <div class="benefits-cta-wrap justify-center">
  32.                                                 <a href="{{ path('shop_video_list') }}" class="btn btn-primary btn-home-lg btn-home">{{ 'homepage.cta.button_enter'|trans }}</a>
  33.                                             </div>
  34.                                         </div>
  35.                                     </div>
  36.                                 </div>
  37.                             </div>
  38.                         </div>
  39.                     </section>
  40.                     {% if performer is defined and performer|length > 28 %}
  41.                         {% set performerToRender = performer|shuffle(29) %}
  42.                         <section id="mates" class="home-club-mates">
  43.                             <ul class="collection-list">
  44.                                 {% for performerItem in performerToRender[0:9] %}
  45.                                     {% if performerItem.image %}
  46.                                         <li class="image">
  47.                                             <picture>
  48.                                                 <source srcset="{{ performerItem.image.webPath | sindrive_resize(304, 390) | sindrive_protect }}" media="(max-width: 992px)">
  49.                                                 <img src="{{ performerItem.image.webPath | sindrive_resize(608, 780) | sindrive_protect }}" alt="{{ performerItem.name }}">
  50.                                             </picture>
  51.                                             <div class="performer-name">{{ performerItem.name }}</div>
  52.                                         </li>
  53.                                     {% endif %}
  54.                                 {% endfor %}
  55.                             </ul>
  56.                             <ul class="collection-list reverse">
  57.                                 {% for performerItem in performerToRender[10:19] %}
  58.                                     {% if performerItem.image %}
  59.                                         <li class="image">
  60.                                             <picture>
  61.                                                 <source srcset="{{ performerItem.image.webPath | sindrive_resize(304, 390) | sindrive_protect }}" media="(max-width: 992px)">
  62.                                                 <img src="{{ performerItem.image.webPath | sindrive_resize(608, 780) | sindrive_protect }}" alt="{{ performerItem.name }}">
  63.                                             </picture>
  64.                                             <div class="performer-name">{{ performerItem.name }}</div>
  65.                                         </li>
  66.                                     {% endif %}
  67.                                 {% endfor %}
  68.                             </ul>
  69.                             <ul class="collection-list">
  70.                                 {% for performerItem in performerToRender[20:29] %}
  71.                                     {% if performerItem.image %}
  72.                                         <li class="image">
  73.                                             <picture>
  74.                                                 <source srcset="{{ performerItem.image.webPath | sindrive_resize(304, 390) | sindrive_protect }}" media="(max-width: 992px)">
  75.                                                 <img src="{{ performerItem.image.webPath | sindrive_resize(608, 780) | sindrive_protect }}" alt="{{ performerItem.name }}">
  76.                                             </picture>
  77.                                             <div class="performer-name">{{ performerItem.name }}</div>
  78.                                         </li>
  79.                                     {% endif %}
  80.                                 {% endfor %}
  81.                             </ul>
  82.                         </section>
  83.                     {% endif %}
  84.                     <section id="faq" class="home-club-faq">
  85.                         <div class="container">
  86.                             <div class="row">
  87.                                 <div class="col-12 col-lg-8 offset-lg-2">
  89.                                     <h2 class="h2 mb-4 text-center">{{ 'homepage.sections.faq.headline'|trans }}</h2>
  90.                                     <div class="sub-title text-center">{{ 'homepage.sections.faq.subtext'|trans }}</div>
  91.                                     {% include 'static/Block/homepage_faq.html.twig' %}
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                     </section>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.         {% block footer %}
  100.             {% include 'partials/footer.html.twig' %}
  101.         {% endblock %}
  102.     </div>
  103. {% endblock %}