templates/frontend/index.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  3. {% block metaTitle %}{% trans %}La piscina a 360°. Piscine pubbliche, private, spa, pulitori, filtri, coperture - Astralpool{% endtrans %}{% endblock %}
  4. {% block metaDescription %}{% trans %}AstralPool - La piscina a 360°. Tutto per piscine pubbliche, private, spa e wellness, parchi acquatici, fontane, centri benessere.{% endtrans %}{% endblock %}
  6. {% block body %}
  7. <section class="space-bottom-2">
  8.     <div class="container">
  9.         <div class="row">
  10.             <div class="col-lg-9">
  11.                 <div class="row">
  12.                     <div class="col-lg-6 mb-4">
  13.                         <a href="{{ path('frontend_product_index', {product: 'piscine-residenziali'}) }}" class="big-section" aria-label="{% trans %}Piscine residenziali{% endtrans %}">
  14.                             <img src="{{ asset('images/product/residential/index.jpg') }}" alt="{% trans %}Piscine residenziali{% endtrans %}" class="img-fluid">
  15.                             <div class="abs-text">
  16.                                 <span class="h3">{% trans %}Piscine residenziali{% endtrans %}</span>
  17.                             </div>
  18.                         </a>
  19.                     </div>
  20.                     <div class="col-lg-6 mb-4">
  21.                         <a href="{{ path('frontend_product_index', {product: 'piscine-per-hospitality'}) }}" class="big-section" aria-label="{% trans %}Piscine per hospitality{% endtrans %}">
  22.                             <img src="{{ asset('images/homepage/hospitality.jpg') }}" alt="{% trans %}Piscine per hospitality{% endtrans %}" class="img-fluid">
  23.                             <div class="abs-text">
  24.                                 <span class="h3">{% trans %}Piscine per hospitality{% endtrans %}</span>
  25.                             </div>
  26.                         </a>
  27.                     </div>
  28.                 </div>
  29.             </div>
  30.             <div class="col-lg-3 mb-4">
  31.                 <a href="{{ path('frontend_component_list') }}" class="big-section" aria-label="{% trans %}Componenti per piscine{% endtrans %}">
  32.                     <img src="{{ asset('images/homepage/pool-components.png') }}" alt="{% trans %}Componenti per piscine{% endtrans %}" class="img-fluid">
  33.                     <div class="abs-text">
  34.                         <span class="h3">{% trans %}Componenti per piscine{% endtrans %}</span>
  35.                     </div>
  36.                 </a>
  37.             </div>
  38.         </div>
  39.         <div class="row">
  40.             <div class="col-lg-4 mb-4">
  41.                 <a href="{{ path('frontend_product_page_index', {product: 'piscine-per-hospitality', page: 'piscine-da-interno-idromassaggio-e-area-wellness'}) }}" class="small-section" aria-label="{% trans %}Wellness e spa{% endtrans %}">
  42.                     <img src="{{ asset('images/homepage/wellness-spa.jpg') }}" alt="{% trans %}Wellness e spa{% endtrans %}" class="img-fluid">
  43.                     <div class="abs-text">
  44.                         <span class="h3">{% trans %}Wellness e spa{% endtrans %}</span>
  45.                     </div>
  46.                 </a>
  47.             </div>
  48.             <div class="col-lg-4 mb-4">
  49.                 <a href="{{ path('frontend_product_page_index', {product: 'piscine-residenziali', page: 'piscine-fuori-terra'}) }}" class="small-section" aria-label="{% trans %}Piscine fuori terra{% endtrans %}">
  50.                     <img src="{{ asset('images/homepage/above-ground-pool.png') }}" alt="{% trans %}Piscine fuori terra{% endtrans %}" class="img-fluid">
  51.                     <div class="abs-text">
  52.                         <span class="h3">{% trans %}Piscine fuori terra{% endtrans %}</span>
  53.                     </div>
  54.                 </a>
  55.             </div>
  56.             <div class="col-lg-4 mb-4">
  57.                 <a href="{{ path('frontend_configurator') }}" class="small-section" aria-label="{% trans %}Configura la tua piscina{% endtrans %}">
  58.                     <img src="{{ asset('images/homepage/configure-your-pool.jpg') }}" alt="{% trans %}Configura la tua piscina{% endtrans %}" class="img-fluid">
  59.                     <div class="abs-text">
  60.                         <span class="h3 bg-primary">{% trans %}Configuratore piscina{% endtrans %}</span>
  61.                     </div>
  62.                 </a>
  63.             </div>
  64.         </div>
  65.         <div class="row">
  66.             <div class="col-lg-4 mb-4">
  67.                 <a href="{{ path('frontend_product_index', {product: 'minipiscine-idromassaggio'}) }}" class="small-section" aria-label="{% trans %}Minipiscine idromassaggio{% endtrans %}">
  68.                     <img src="{{ asset('images/product/hydromassage/index.jpg') }}" alt="{% trans %}Minipiscine idromassaggio{% endtrans %}" class="img-fluid">
  69.                     <div class="abs-text">
  70.                         <span class="h3">{% trans %}Minipiscine idromassaggio{% endtrans %}</span>
  71.                     </div>
  72.                 </a>
  73.             </div>
  74.             <div class="col-lg-4 mb-4">
  75.                 <a href="{{ path('frontend_product_index', {product: 'piscine-pubbliche'}) }}" class="small-section" aria-label="{% trans %}Piscine pubbliche{% endtrans %}">
  76.                     <img src="{{ asset('images/product/public/index.jpg') }}" alt="{% trans %}Piscine pubbliche{% endtrans %}" class="img-fluid">
  77.                     <div class="abs-text">
  78.                         <span class="h3">{% trans %}Piscine pubbliche{% endtrans %}</span>
  79.                     </div>
  80.                 </a>
  81.             </div>
  82.             <div class="col-lg-4 mb-4">
  83.                 <a href="{{ path('frontend_product_index', {product: 'fontane'}) }}" class="small-section" aria-label="{% trans %}Fontane{% endtrans %}">
  84.                     <img src="{{ asset('images/homepage/fountain.png') }}" alt="{% trans %}Fontane{% endtrans %}" class="img-fluid">
  85.                     <div class="abs-text">
  86.                         <span class="h3">{% trans %}Fontane{% endtrans %}</span>
  87.                     </div>
  88.                 </a>
  89.             </div>
  90.         </div>
  91.         <div class="row">
  92.             <div class="col-lg-3 mb-4">
  93.                 <a href="{{ path('frontend_sustainability') }}" class="big-section" aria-label="{% trans %}Sostenibilità{% endtrans %}">
  94.                     <img src="{{ asset('images/homepage/sustainability.jpg') }}" alt="{% trans %}Sostenibilità{% endtrans %}" class="img-fluid">
  95.                     <div class="abs-text">
  96.                         <span class="h3">{% trans %}Sostenibilità{% endtrans %}</span>
  97.                     </div>
  98.                 </a>
  99.             </div>
  100.             <div class="col-lg-9">
  101.                 <div class="row">
  102.                     <div class="col-lg-6 mb-4">
  103.                         <a href="{{ path('frontend_resellers') }}" class="big-section" aria-label="{% trans %}Trova il rivenditore più vicino a te{% endtrans %}">
  104.                             <img src="{{ asset('images/homepage/reseller.jpg') }}" alt="{% trans %}Trova il rivenditore più vicino a te{% endtrans %}" class="img-fluid">
  105.                             <div class="abs-text">
  106.                                 <span class="h3">{% trans %}Trova il rivenditore più vicino a te{% endtrans %}</span>
  107.                             </div>
  108.                         </a>
  109.                     </div>
  110.                     <div class="col-lg-6 mb-4">
  111.                         <div class="big-section p-4 bg-primary flex-column">
  112.                             <h3 class="text-uppercase fw-bolder mb-5">{% trans %}Blog{% endtrans %}</h3>
  113.                             <div class="d-flex flex-column">
  114.                                 {% for article in latestArticles %}
  115.                                     <div class="border-top border-2 py-3">
  116.                                         <a href="{{ path('frontend_blog_article_read', {slug: article.slug}) }}" aria-label="{{ article.title }}" class="text-white">
  117.                                             <span class="h5 d-block fw-bold mb-0">{{ article.title }}</span>
  118.                                             <span class="d-block">{{ article.content|block_editor_render|striptags|html_entity_decode|length ? article.content|block_editor_render|striptags|html_entity_decode|slice(0,80)~'...' : '' }}</span>
  119.                                         </a>
  120.                                     </div>
  121.                                 {% endfor %}
  122.                             </div>
  123.                         </div>
  124.                     </div>
  125.                 </div>
  126.             </div>
  127.         </div>
  128.         <div class="row">
  129.             <div class="col-lg-5">
  130.                 <div class="bg-light p-3 p-lg-4">
  131.                     <h3 class="mb-1">{% trans %}Iscriviti alla newsletter{% endtrans %}</h3>
  132.                     <p class="fw-medium fs-lg mb-4">{% trans %}e rimani aggiornato sulle ultime novità del mondo Astralpool{% endtrans %}</p>
  133.                     <a href="{{ path('frontend_newsletter') }}" class="btn btn-primary w-100">{% trans %}Iscriviti{% endtrans %}</a>
  134.                 </div>
  135.             </div>
  136.             <div class="col-lg-7">
  137.                 <div class="row h-100">
  138.                     <div class="col-lg-4">
  139.                         <div class="py-4 h-100 d-flex flex-column">
  140.                             <h5 class="mb-4">{% trans %}I nostri brand{% endtrans %}</h5>
  141.                             <ul>
  142.                                 {% for brand in brands %}
  143.                                 <li class="fs-lg {{ not loop.index ? 'mb-2' }}">
  144.                                     <a href="{{ brand.url }}" aria-label="{{ brand.name }}" target="_blank">{{ brand.name }}</a>
  145.                                 </li>
  146.                                 {% endfor %}
  147.                             </ul>
  148.                         </div>
  149.                     </div>
  150.                     <div class="col-lg-4">
  151.                         <div class="py-4 h-100 d-flex flex-column">
  152.                             <h5>{% trans %}Siamo sponsor LEN degli europei di nuoto{% endtrans %}</h5>
  153.                             {% for section in sectionImages(constant('App\\Entity\\SectionImage::POSITION_SPONSOR_LEN'), 5) %}
  154.                                 <img src="{{ section.cover.publicUrl }}" alt="Sponsor" class="img-fluid {{ not loop.last ? 'mb-4' }}">
  155.                             {% endfor %}
  156.                         </div>
  157.                     </div>
  158.                     <div class="col-lg-4">
  159.                         <div class="py-4 h-100 d-flex flex-column">
  160.                             <h5>{% trans %}Siamo partner ufficiali di{% endtrans %}:</h5>
  161.                             <div style="max-width: 160px">
  162.                                 {% for section in sectionImages(constant('App\\Entity\\SectionImage::POSITION_OFFICIAL_PARTNER'), 5) %}
  163.                                 <img src="{{ section.cover.publicUrl }}" alt="Partner" class="img-fluid {{ not loop.last ? 'mb-4' }}">
  164.                                 {% endfor %}
  165.                             </div>
  166.                         </div>
  167.                     </div>
  168.                 </div>
  169.             </div>
  170.         </div>
  171.     </div>
  172. </section>
  173. {% endblock %}