@extends('layouts.auth')

@section('title', 'Back shortly')
@section('width', 'max-w-lg')

@section('content')
<div class="text-center">
    <p class="eyebrow">Error 503</p>
    <h1 class="display mt-4 text-[clamp(2rem,5vw,3rem)]">Back shortly</h1>
    <p class="mt-5 text-base leading-relaxed" style="color: var(--ink-soft);">
        We're doing a bit of maintenance. It won't take long.
    </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