@extends('layouts.public.base')

@section('page.title', "Page non trouvée")

@section('page.content')
    <div class="grid md:grid-cols-2 gap-4 md:gap-8 px-4 md:px-0">
        <div class="flex flex-col justify-center order-2 md:order-1 mx-6 sm:mx-28 md:m-0">
            @include('components.animations.lost')
        </div>
        <div class="flex flex-col justify-center items-center text-center order-1 md:order-2">
            <h1 class="text-8xl">404</h1>
            <p>Il semblerait que la page n'existe pas ...</p>
            <a href="{{ route('homepage') }}" class="mt-4 px-3 py-1 text-white bg-lockit-blue shadow-sm rounded">Retourner à l'accueil</a>
        </div>
    </div>

@endsection