{% extends 'base.html.twig' %}
{% block meta %}
    <meta name="description" content="Entreprise spécialisée dans l'artisanat et la distribution automatique de pain">
    <meta property="og:title" content="{{ page_title }}" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://qualidistrib.com"  />
    <meta property="og:image" content="{{ asset('build/images/distributeur.jpg') }}" />
    <meta property="og:description" content="Entreprise spécialisée dans l'artisanat et la distribution automatique de pain" />
{% endblock %}
{% block title %}{{ page_title }}{% endblock %}

{% block body %}
    <div class="alert alert-warning alert-dismissible fade show" role="alert" id="alert-box">
        <strong>Gestion des cookies : En cliquant sur accepter vous autorisez l'utilisations de cookies à titre
            analytique afin
            d'améliorer le site ainsi que les services que nous vous proposons.</strong>
        <button type="button" class="close" data-bs-dismiss="alert" id='close'>Accepter</button>
    </div>
    <div style="clear: both"></div>

    <img src="{{ asset('build/images/bienvenue2.jpg') }}" alt="banderole de bievenue" class="bandeau">
    <div class="contentBody">
        <div class="intro">
            <p>
                <strong>
                    Bonjour et bienvenue chez Quali Distrib, notre activité est aussi simple qu'utile.<br> Elle
                    consiste à mettre à disposition de nos meilleurs artisans boulangers un distributeur automatique de
                    pain
                    dernière génération.<br> Installés dans les milieux ruraux, ils permettent de dynamiser ceux-ci tout
                    en créant une nouvelle clientèle pour le boulanger.
                </strong>
            </p>
        </div>
        {# <div class="lettre "> #}

        {# <p class="lettre-home-body lettre-home"> #}
        {# Madame Monsieur,<br><br>Bienvenue sur le site officiel de Quali Distrib. Notre activité est aussi #}
        {# simple qu’utile: #}
        {# elle consiste à mettre à disposition de nos meilleurs artisans boulangers un distributeur automatique de #}
        {# pain dernière génération en #}
        {# favorisant les installations dans le milieu rural où les commerces sont, malheureusement depuis bien #}
        {# longtemps déjà fermés. #}
        {# <br> #}
        {# <br> #}
        {# Nous accordons un soin tout particulier à la qualité et à tous les niveaux, que ce soit au niveau de nos #}
        {# produits, de nos partenaires #}
        {# et de nos collaborateurs, nous avons à cœur de vous permettre de consommer les meilleurs produits de la #}
        {# boulangerie en toute sérénité #}
        {# et confiance. #}
        {# <br> #}
        {# <br> #}
        {# Vous trouverez au travers de ce site quelques détails nous concernant mais aussi et surtout la #}
        {# possibilité de nous contacter #}
        {# pour nous faire part de vos impressions, ressentis et éventuellement demandes. #}
        {# <br> #}
        {# <br> #}
        {# Nous vous souhaitons une agréable navigation sur notre site. #}
        {# <br> #}
        {# <br> #}
        {# Bien-sûr la page Facebook Quali Distrib #}
        {# vous permettra de suivre #}
        {# nos actualités. #}
        {# <br> #}
        {# <br> #}
        {# Dans ce contexte particulier je vous invite à prendre soin de vous et de vos proches. #}
        {# </p> #}
        {# <div class="home-div-lettre"> #}
        {# <p class="lettre-home signature">Le PDG Fondateur, Thibaut Garcia</p> #}
        {# <img class="img-home-lettre" src="{{ asset('build/images/signature-13.jpg') }}"> #}
        {# </div> #}
        {# </div> #}


        {# </div> #}

        <h1 class="vous">Vous êtes :</h1>
        <section class="flex-container container">
            <div class="card card-left">
                <h5 class="card-title">Une Mairie...</h5>
                <img class="img-home" src="{{ asset('build/images/mairiev2.jpg') }}" alt="maire">
                <div class="card-body">
                    <p class="card-text">Et vous souhaitez l'arrivée de ce service dans votre commune.</p>
                    <a href="{{ path('mairie') }}" class="btn btn-infos">Plus d'informations !</a>
                </div>
            </div>
            <div class="card">
                <h5 class="card-title">Un Consommateur...</h5>
                <img class="img-home" src="{{ asset('build/images/peoplev2.jpg') }}" alt="consommateur">
                <div class="card-body">
                    <p class="card-text">Et vous vous questionnez sur la distribution automatique.</p>
                    <a href="{{ path('consommateur') }}" class="btn btn-infos">Plus d'informations !</a>
                </div>
            </div>
            <div class="card">
                <h5 class="card-title">Un
                    Artisan...</h5>
                <img class="img-home" src="{{ asset('build/images/artisanv2.jpg') }}" alt="artisan">
                <div class="card-body">
                    <p class="card-text">Et vous avez des projets et des idées plein la tête.</p>
                    <a href="{{ path('artisan') }}" class="btn btn-infos">Plus d'informations !</a>
                </div>
            </div>
        </section>

    </div>

{% endblock %}