templates/front/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'homepage' %}
  4. {% block body %}
  5.     {{ parent() }}
  7.     <div class="homepage-header">
  8.         <video class="homepage-header-background" autoplay="autoplay" muted="muted">
  9.             <source src="{{ asset('build/images/pages/homepage/header-cover-raw.webm') }}" type="video/webm" />
  10.         </video>
  11.         <div class="content-wrapper">
  12.             <div class="wiggle"><img src="{{ asset('build/images/pages/homepage/header-wiggle.svg') }}" alt="Assurboat" /></div>
  13.             <p class="over-title">{{ 'header.over_title'|trans }}</p>
  14.             <h1 class="title">
  15.                 {% set titleArray = 'header.title'|trans|split('*') %}
  16.                 {% for titlePart in titleArray %}
  17.                     {% if loop.index0 % 2 == 0 %}
  18.                         {{ titlePart|raw }}
  19.                     {% else %}
  20.                         <span class="alternate-text">
  21.                         {{ titlePart|raw }}
  22.                     </span>
  23.                     {% endif %}
  24.                 {% endfor %}
  25.             </h1>
  26.             <p class="description">
  27.                 {{ 'header.description'|trans }}
  28.             </p>
  29.             <div class="buttons-row">
  30.                 <a href="{{ path('app_devis_index') }}" class="button">{{ 'header.button1'|trans }}</a>
  31.                 <a href="{{ path('app_presentation_index') }}" class="button button-alternate-3">{{ 'header.button2'|trans }}</a>
  32.             </div>
  33.         </div>
  34.         <img class="homepage-header-bottom-wave" src="{{ asset('build/images/components/pageHeader/bottomWave.svg') }}" alt="Assurboat">
  35.     </div>
  37.     {% include 'components/homepage/paragraph.html.twig' %}
  39.     <div class="homepage-boats" data-controller="swiper" >
  40.         <div class="boat-swiper" data-swiper-target="swiper controls">
  41.             <div class="swiper-wrapper">
  42.                 {% for boat in page.boats %}
  43.                     <div class="swiper-slide">
  44.                         <div class="boat-card">
  45.                             <img class="icon" src="{{ asset(vich_uploader_asset(boat, 'iconFile')) }}" alt="{{ boat.iconAlt ?? boat.iconName }}" />
  46.                             <h3 class="name">{{ boat.name }}</h3>
  47.                         </div>
  48.                     </div>
  49.                 {% endfor %}
  50.             </div>
  51.             {% include 'components/swiperButtons.html.twig' %}
  52.         </div>
  53.     </div>
  55.     <div class="homepage-offers">
  56.         {% include 'components/intro.html.twig' with {subTitle: 'offers.over_title'|trans, title: 'offers.title'|trans, description: 'offers.description'|trans, icon: 'helm.svg' }%}
  58.         <div class="homepage-offer-cards">
  59.             {% include 'components/homepage/offerCard.html.twig' with {description: page.maritimeResume, title: 'offers.maritime.title'|trans, link: path('app_maritime_index'), icon: 'wave1.svg'} %}
  60.             {% include 'components/homepage/offerCard.html.twig' with {description: page.fluvialResume, title: 'offers.fluvial.title'|trans, link: path('app_fluvial_index'), icon: 'wave2.svg'} %}
  61.         </div>
  62.     </div>
  64.     {% if page.services and page.services|length > 0 %}
  65.         {% include 'components/serviceBlock.html.twig' with {services: page.services, description: 'services.description'|trans } %}
  66.     {% endif %}
  68.     <div class="homepage-actualities">
  69.         {% include 'components/intro.html.twig' with {subTitle: 'actualities.over_title'|trans, title: 'actualities.title'|trans, description: 'actualities.description'|trans, icon: 'anchor.svg' }%}
  70.         <div class="actuality-list">
  71.             {% for actuality in actualities %}
  72.                 {% include "components/actuality/card.html.twig" with {actuality} only  %}
  73.             {% endfor %}
  74.         </div>
  75.         <a href="{{ path('app_actuality_list') }}" class="button">{{ 'actualities.button'|trans }}</a>
  76.     </div>
  79.     {% if testimonies|length > 0 %}
  80.         {% include 'components/intro.html.twig' with {subTitle: 'testimonies.over_title'|trans, title: 'testimonies.title'|trans, description: 'testimonies.description'|trans, icon: 'scroll.svg' }%}
  81.         <div class="homepage-testimonies" data-controller="swiper" data-center="true" data-auto="2000">
  82.             <div class="testimony-list" data-swiper-target="swiper controls">
  83.                 <div class="swiper-wrapper">
  84.                     {% for testimony in testimonies %}
  85.                         <div class="swiper-slide">
  86.                             <div class="testimony-card">
  87.                                 {% include 'components/notation.html.twig' with {rating: testimony.rating} %}
  88.                                 <p class="text">{{ testimony.testimony }}.</p>
  89.                                 <p class="name">{{ testimony.firstName }} {{ testimony.name|first|upper }}.</p>
  90.                             </div>
  91.                         </div>
  92.                     {% endfor %}
  93.                 </div>
  94.                 {% include 'components/swiperButtons.html.twig' %}
  95.             </div>
  96.         </div>
  97.         <a href="{{ path('app_testimony_list') }}" class="button button-testimonies">{{ 'testimonies.button'|trans }}</a>
  98.     {% endif %}
  100.     <div class="homepage-partners">
  101.         {% include 'components/intro.html.twig' with {subTitle: 'partners.over_title'|trans, title: 'partners.title'|trans, description: 'partners.description'|trans, icon: 'lighthouse.svg' }%}
  102.         <div class="partners-list" data-controller="swiper" data-auto="2000">
  103.             <div class="partner-swiper" data-swiper-target="swiper">
  104.                 <div class="swiper-wrapper">
  105.                     {% for partner in page.partners %}
  106.                         <div class="swiper-slide">
  107.                             <div class="partner-card">
  108.                                 <img class="icon" src="{{ asset(vich_uploader_asset(partner, 'logoFile')) }}" alt="{{ partner.logoAlt ?? partner.logoName }}" />
  109.                             </div>
  110.                         </div>
  111.                     {% endfor %}
  112.                 </div>
  113.             </div>
  114.         </div>
  115.     </div>
  116. {% endblock %}