{% extends 'frontend/base_front.html.twig' %}

{% block title %}
<div class="flex-fill pt-1 pt-lg-5">
Contact – Bluesy
</div>
{% endblock %}

{% block main_content %}
    <section class="container py-5 mt-5 section-top section-bottom text-center">
        <h1 class="mb-4">Une question ? Un besoin ?</h1>
        <p class="lead mb-4">Je suis là pour vous aider. Contactez-moi par e-mail et je vous répondrai sous 24 à 48h maximum.</p>

        <div class="card shadow-sm mx-auto" style="max-width: 500px">
            <div class="card-body">
                <i class="fas fa-envelope fa-2x mb-3 text-primary"></i>
                <h2 class="h5">Écrivez-moi à :</h2>
                <p class="fs-5">
                    <a href="mailto:contact@bluesy.io">contact@bluesy.pro</a>
                </p>
                <p class="small text-muted">(ou cliquez sur l’adresse pour ouvrir votre messagerie)</p>
            </div>
        </div>

        <div class="mt-5">
            <a href="{{ path('app_landing') }}" class="btn btn-outline-primary">Retour à l’accueil</a>
        </div>
    </section>
{% endblock %}