@extends('layouts.app')

@section('title', $title ?? __('errors.404.title'))

@section('content')
<div class="min-h-[60vh] flex flex-col items-center justify-center text-center px-4">
    <span class="text-8xl font-bold text-primary">{{ __('errors.404.heading') }}</span>
    <p class="text-xl text-foreground/60 mt-6">
        {{ __('errors.404.message') }}
    </p>
    <a href="{{ localized_route('home') }}"
        class="mt-8 inline-flex items-center gap-2 bg-primary text-primary-foreground rounded-md px-6 py-3 text-sm font-medium hover:bg-primary/90 transition-colors">
        {{ __('errors.404.back_to_home') }}
    </a>
</div>
@endsection