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

{% block title %}Page introuvable (404){% endblock %}

{% block body %}
    <div class="min-h-screen flex flex-col items-center justify-center bg-gray-50 px-4">
        <div class="max-w-md w-full bg-white p-8 rounded-lg shadow-md text-center">
            <div class="text-6xl font-bold text-indigo-600 mb-4">404</div>
            <h1 class="text-2xl font-bold text-gray-800 mb-2">Page introuvable</h1>
            <p class="text-gray-600 mb-6">
                La page que vous recherchez semble avoir été déplacée, supprimée ou n'existe pas.
            </p>
            <div class="flex justify-center space-x-4">
                <a href="{{ path('app_accueil_index') }}" class="px-4 py-2 bg-indigo-600 text-white rounded hover:bg-indigo-700 transition">
                    Retour à l'accueil
                </a>
{#                <a href="{{ path('app_contact') }}" class="px-4 py-2 border border-indigo-600 text-indigo-600 rounded hover:bg-indigo-50 transition">#}
{#                    Nous contacter#}
{#                </a>#}
            </div>
        </div>
    </div>
{% endblock %}