@extends('layouts.site')

@section('titre', 'Page introuvable')
@section('robots', 'noindex, follow')

@section('contenu')
    <x-page-header titre="Page introuvable" image="equipe.jpg" />
    <section class="section-padding">
        <div class="container text-center">
            <span class="section-label no-line">Erreur 404</span>
            <h2 class="section-title mb-4">Cette page n'existe pas ou a été déplacée</h2>
            <p class="mb-5">Retrouvez nos solutions d'assurance depuis l'accueil ou contactez-nous.</p>
            <div class="d-flex flex-wrap gap-3 justify-content-center">
                <a href="{{ route('accueil') }}" class="btn-hero btn-primary" data-hover="Retour à l'accueil"><span>Retour à l'accueil</span></a>
                <a href="{{ route('documentations') }}" class="btn-hero btn-outline">Documentation</a>
                <a href="{{ route('contact') }}" class="btn-hero btn-outline">Nous contacter</a>
            </div>
        </div>
    </section>
@endsection