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

{% block body %}
    <!-- Hero -->
    <section id="slider" class="hero p-0 odd featured">
        <div class="swiper-container no-slider animation slider-h-50 slider-h-auto">
            <div class="swiper-wrapper">
                <!-- Item 1 -->
                <div class="swiper-slide slide-center">
                    <!-- Media -->
                    <img src="{{ asset('assetics/images/bg-wide.jpg') }}" alt="Full Image" class="full-image" data-mask="80">
                    <div class="slide-content row text-center">
                        <div class="col-12 mx-auto inner">
                            <!-- Content -->
                            <nav data-aos="zoom-out-up" data-aos-delay="800" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{ path('home') }}">Accueil</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Erreur 404</li>
                                </ol>
                            </nav>
                            <h1 class="mb-0 title effect-static-text">Page non trouvée</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Result -->
    <section id="result" class="section-1 offers">
        <div class="container">
            <div class="row items">
                <div class="col-12 col-md-4 pr-md-5 text">
                    <div data-aos="fade-up"  class="row intro">
                        <div class="col-12 p-0">
                            <span class="pre-title m-0"><span>Oops,</span> Cette page n'existe pas!</span>
                            <h2>Erreur 404</h2>
                            <p>La page que vous cherchez est introuvable :(.</p>
                            <div class="row">
                                <div class="col-12 p-0 input-group align-self-center">
                                    <a href="{{ path('home') }}" class="btn primary-button">ACCUEIL</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {% include 'web/home/partials/_card.html.twig' %}
            </div>
        </div>
    </section>
{% endblock %}