{% extends 'base.html.twig' %}

{% block title %}{{ page.name }} | {{ parent() }}{% endblock %}

{% block body %}
<div class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="row breadcrumb_box  align-items-center">
                    <div class="col-lg-6 col-md-6 col-sm-12 text-center text-md-left">
                        <h2 class="breadcrumb-title">{{ page.name }}</h2>
                    </div>
                    <div class="col-lg-6  col-md-6 col-sm-12">
                        <!-- breadcrumb-list start -->
                        <ul class="breadcrumb-list text-center text-md-right">
                            <li class="breadcrumb-item"><a href="{{ path('default')}}">Accueil</a></li>
                            <li class="breadcrumb-item active">{{ page.name }}</li>
                        </ul>
                        <!-- breadcrumb-list end -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="about-area pb-100px pt-100px">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-12">
                <div class="about-left-image mb-md-30px mb-lm-30px" data-aos="fade-up">
                    <img src="{{ vich_uploader_asset(page, 'imageFile') }}" alt="" class="img-responsive w-100" />
                </div>
            </div>
            <div class="col-lg-12">
                <div class="about-content">
                    <div class="about-title" data-aos="fade-up">
                        <h2>{{ page.description }}</h2>
                    </div>
                    {{ page.content|raw }}
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}