@extends('layouts.site')

@section('title', __('Page Not Found'))

@section('content')
<div class="text-center py-20">
    <h1 class="text-6xl font-bold text-primary/30 dark:text-primary-dark/30 mb-4">404</h1>
    <h2 class="text-xl font-semibold text-gray-700 dark:text-gray-300 mb-2">{{ __('Page Not Found') }}</h2>
    <p class="text-gray-500 dark:text-gray-400 mb-6">{{ __('The page you are looking for does not exist.') }}</p>
    <a href="{{ route('home', $locale ?? 'fr') }}"
       class="inline-block px-6 py-3 bg-primary text-white rounded-lg hover:bg-secondary transition-colors">
        {{ __('Back to Home') }}
    </a>
</div>
@endsection