{% extends "base.html.twig" %}
{% block html_lang %}{{ landingPage.locale }}{% endblock %}
{% set h1 = landingPage.h1 %}
{% block metaTags %}
<meta name="description" content="{{ landingPage.metaDescription }}">
<title>{{ landingPage.metaTitle }}</title>
<meta property="og:title" content="{{ landingPage.metaTitle }}">
<meta property="og:description" content="{{ landingPage.metaDescription }}">
{% endblock %}
{% block body %}
<section class="position-relative bgp-center bgs-cover header-presentation first-section"
style="background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url({{ asset(vich_uploader_asset(landingPage, 'landingPageFile'))|imagine_filter('large') }})">
<img src="{{ asset('assets/img/points_blue.svg') }}" class="position-absolute t-120 l-0 zi-0"
alt="points icon"/>
<div class="container position-relative he-480-sm he-500 d-flex align-items-center w-100">
<img src="{{ asset('assets/img/points_blue.svg') }}" class="position-absolute b-45 r--20 zi-9"
alt="points icon"/>
<div class="position-absolute t-20 l-20 zi-99">
{% include "front/menu.html.twig" with {'menu':{
(landingPage.title):"#",
}, "whiteMenu":true} %}
</div>
<div class="position-relative zi-9 w-100 pay-50">
<div class="row align-items-center justify-content-center">
<div class="col-12 position-relative t-0-sm t-80">
<h2 data-aos="fade-down" data-aos-duration="800"
class="vpetqd text-center text-md-left c-white fs-70 fw-600 mab-35-sm mab-15 position-relative">
{{ landingPage.title }}
</h2>
<p data-aos="fade-up" data-aos-duration="800" data-aos-delay="200"
class="mawi-460 fs-14 lh2-14 c-8E9094 mx-auto-mobile text-center text-md-left">
{{ landingPage.intro|raw|nl2br }}
</p>
</div>
</div>
</div>
</div>
</section>
<div class="main text-center text-md-left">
<section>
<div class="pat-110 pab-50 pax-20 pax-0-md section-grey position-relative overflow-hidden">
<img src="{{ asset('assets/img/Motif.png') }}" alt="background motif"
class="uexpmv w-100 b-0 l-0 img-fit position-absolute"/>
<div class="mawi-810 mx-auto position-relative zi-9" data-aos="fade-up" data-aos-duration="800">
{% include "front/productIntro.html.twig" with {'title':landingPage.contentTitle, "description":landingPage.contentIntro} %}
</div>
</div>
<div class="container">
{% include "front/productParagraph.html.twig" with {'productParagraphs':getLandingPageParagraphs(landingPage)} %}
</div>
</section>
</div>
{% include "front/categoriesSection.html.twig" %}
{% endblock %}