@extends('layouts.app')

@section('meta_title', 'Page introuvable - Laeti\'Fée')

@section('content')
<div class="min-h-[60vh] flex flex-col items-center justify-center text-center px-4">

    <div class="text-9xl mb-4 animate-bounce">
        🧚‍♀️
    </div>

    <h1 class="text-6xl font-bold text-primary font-logo mb-4">Oups !</h1>

    <p class="text-2xl text-gray-700 font-bold mb-2">
        Cette page a dû s'envoler...
    </p>

    <p class="text-gray-500 mb-8 max-w-md mx-auto">
        Il semblerait que le lien que vous avez suivi soit cassé ou que la page n'existe plus. Pas de panique, la magie continue ailleurs !
    </p>

    <div class="flex flex-col md:flex-row gap-4">
        <a href="{{ route('home') }}" class="bg-primary hover:bg-primary-dark text-white font-bold py-3 px-8 rounded-full shadow-lg transition transform hover:scale-105">
            Retour à l'accueil 🏠
        </a>

        <a href="{{ route('gallery') }}" class="bg-white border-2 border-primary text-primary hover:bg-pink-50 font-bold py-3 px-8 rounded-full shadow-lg transition transform hover:scale-105">
            Voir nos créations ✨
        </a>
    </div>

</div>
@endsection