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

{% block title %}Erreur serveur{% endblock %}

{% block body %}
    <div class="min-h-screen bg-slate-950 flex items-center justify-center px-6">

        <div class="text-center max-w-xl">

            <p class="text-red-500 text-lg font-semibold">
                Erreur 500
            </p>

            <h1 class="mt-4 text-6xl font-bold tracking-tight text-white">
                Une erreur est survenue
            </h1>

            <p class="mt-6 text-lg text-slate-400">
                Notre serveur a rencontré un problème inattendu.
                Merci de réessayer dans quelques instants.
            </p>

            <a
                href="/"
                class="mt-10 inline-flex rounded-xl bg-emerald-600 px-6 py-3 text-white font-medium hover:bg-emerald-500 transition"
            >
                Retour à l'accueil
            </a>

        </div>

    </div>
{% endblock %}