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

{% block body %}
    <section class="mt-5 d-flex flex-column justify-content-center align-items-center bg-white"
             style="min-height: 30vh">
        <div class="container text-center">
            <h1 class="mb-4 display-4 fw-bold">{{ 'Oups… vous avez pris la mauvaise piste !'|trans }}</h1>
            <p class="mb-4 lead text-muted">
                {{ "La page que vous cherchez s'est perdue en montagne."|trans }}
            </p>
            <a href="{{ path('home_index') }}" class="btn btn-primary">
                {{ "Retour à l'accueil"|trans }}
            </a>
        </div>
    </section>
{% endblock %}