{% extends "base.html" %}

{% block title %}Page introuvable — GiniFollow{% endblock %}
{% block meta_robots %}noindex, nofollow{% endblock %}

{% block page_header %}
    <div class="container-fluid page-header py-5 mb-5 wow fadeIn" data-wow-delay="0.1s">
        <div class="container py-5">
            <h1 class="display-3 mb-3 text-white">404</h1>
            {% include "partials/gf_page_breadcrumb.html" with breadcrumb_current="Page introuvable" %}
        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container text-center">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <i class="bi bi-exclamation-triangle display-1 text-primary"></i>
                    <h1 class="display-1">404</h1>
                    <h1 class="mb-4">Page introuvable</h1>
                    <p class="mb-4">La page demandée n'existe pas sur ce site. Retournez à l'accueil ou utilisez le menu de navigation.</p>
                    <a class="btn btn-primary py-3 px-5" href="{% url 'index' %}">Retour à l'accueil</a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}