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

{% set seo_title = 'Message envoyé — Jardin de Bohème' %}
{% set seo_description = 'Votre message est parti. Nous répondons sous deux jours ouvrés.' %}

{% block meta %}{{ parent() }}<meta name="robots" content="noindex, follow">{% endblock %}

{% block body %}
    <div class="mx-auto max-w-2xl px-4 py-24 text-center sm:px-6">
        <svg class="mx-auto h-12 w-12 text-brand" viewBox="0 0 44 44" fill="none" stroke="currentColor" stroke-width="1.1" aria-hidden="true">
            <path d="M22 40V14"/><path d="M22 26c-6 0-10-3.5-10-9 5.5 0 10 3 10 9Z"/><path d="M22 26c6 0 10-3.5 10-9-5.5 0-10 3-10 9Z"/>
        </svg>
        <h1 class="mt-8 font-serif text-[2.3rem] leading-tight text-ink">Votre message est parti</h1>
        <p class="mt-5 font-sans text-[1rem] leading-relaxed text-body">
            Nous lisons tout et nous répondons sous deux jours ouvrés. Si c'est pressé, le
            téléphone reste plus rapide{% if site.profile and site.profile.phone %} :
            <a href="tel:{{ site.profile.phoneLink }}" class="font-semibold text-brand-ink">{{ site.profile.phone }}</a>{% endif %}.
        </p>
        <div class="mt-10 flex flex-wrap justify-center gap-3">
            <a href="{{ path('plant_index') }}" class="inline-flex items-center rounded-full bg-brand-cta px-7 py-3.5 font-sans text-sm font-semibold text-white transition hover:bg-brand-ink">Continuer la visite</a>
            <a href="{{ path('advice_index') }}" class="inline-flex items-center rounded-full border border-line-strong px-7 py-3.5 font-sans text-sm font-semibold text-ink transition hover:border-brand">Lire nos conseils</a>
        </div>
    </div>
{% endblock %}