@extends('layouts.auth')

@section('title', 'Page not found')
@section('width', 'max-w-lg')

@section('content')
<div class="text-center">
    <p class="eyebrow">Error 404</p>
    <h1 class="display mt-4 text-[clamp(2rem,5vw,3rem)]">Page not found</h1>
    <p class="mt-5 text-base leading-relaxed" style="color: var(--ink-soft);">
        That link doesn't lead anywhere. It may have moved, or the booking link may have expired.
    </p>
    <div class="mt-9 flex flex-wrap justify-center gap-3">
        <a href="{{ url('/') }}" class="btn btn-primary">Back to the start</a>
        <a href="{{ route('contact') }}" class="btn btn-outline">Tell us about it</a>
    </div>
</div>
@endsection