{# templates/landing/contact/confirmed.html.twig #}
{% extends 'base.landing.html.twig' %}

{% block title %}Message confirmé — Bubul{% endblock %}
{% block meta_description %}Votre message a bien été transmis à l'équipe Bubul.{% endblock %}
{% block header_cta_label %}Créer un compte{% endblock %}

{% block landing_content %}

<div class="flex-1 flex flex-col items-center justify-center bg-[#FAFCFF] px-6 py-24 text-center">

    {# Icône check #}
    <div class="w-16 h-16 rounded-2xl mb-7 flex items-center justify-center flex-shrink-0"
         style="background: linear-gradient(135deg, #0A6BC4, #3AB8E8); box-shadow: 0 6px 24px rgba(12,129,228,0.28);">
        <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="20 6 9 17 4 12"/>
        </svg>
    </div>

    <h1 class="font-display text-4xl font-bold text-[#1A2B3F] mb-3">Message confirmé !</h1>
    <p class="text-[17px] text-[#5A6B7F] max-w-md leading-relaxed mb-10">
        Merci {{ data.firstName }}, notre équipe a bien reçu votre message
        et vous contactera très prochainement.
    </p>

    <a href="{{ path('app_landing') }}"
       class="inline-flex items-center gap-2 text-sm font-semibold text-primary hover:underline">
        ← Retour à l'accueil
    </a>

</div>

{% include '_organisms/landing/footer.html.twig' with {
    tagline: 'Des outils IA pensés pour les formateurs — créez, déployez et pilotez vos formations depuis un seul espace.'
} only %}

{% endblock %}