@section('content')
    <div class="section section-padding bg-dark">
        <div class="container">
            <div class="row padding-error">
                <div class="col-md-8 col-12 mx-auto">
                    <div class="row">
                        <div class="text-center section-title shape col-md-5 col-12" data-aos="fade-right" data-aos-delay="200">
                            <img src="{{ asset('assets/images/front/m-md.webp') }}" alt="photo du site mon marche immobilier"
                                class="mx-auto image-error d-block">
                        </div>
                        <div class="text-center section-title shape col-md-7 col-12" data-aos="fade-left" data-aos-delay="200">
                            <span class="d-block h1 text-uppercase fw-bold text-md-start text-center text-bebas">Oups !</span>
                            <p class="text-md-start text-center mb-5">La page que vous avez demandée n'existe pas</p>
                            <div class="text-md-start text-center mb-2">
                                <span class="icofont-simple-right fw-bold text-primary me-1"></span><span class="fw-bold">Pour trouver un bien neuf à acheter :</span><br>
                                <span class="ms-4">utilisez notre moteur de recherche en haut de page</span>
                            </div>
                            <div class="text-md-start text-center mb-5">
                                <span class="icofont-simple-right fw-bold text-primary me-1"></span><span class="fw-bold">Pour nous signaler une erreur :</span><br>
                                <span class="ms-4">contactez-nous <a href="{{ route('page-statics.show', 'contact') }}" class="text-primary">ici</a></span>
                            </div>
                            <div class="text-md-start text-center pt-3">
                                <a class="btn btn-primary text-uppercase text-bebas" href="{{ route('homepage') }}">Retour à l'accueil</a>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
@endsection