@extends('layouts.app')

@section('title', 'Page not found | TesterMob')
@section('robots', 'noindex, follow')

@section('content')
    <section class="lost">
        <div class="narrow">
            <div class="lost__code" aria-hidden="true">404</div>
            <h1 style="font-size:clamp(1.8rem,4vw,2.6rem)">{{ __('This page didn’t pass testing') }}</h1>
            <p class="lede" style="margin-inline:auto">{{ __('The link may be old or mistyped. Try one of these instead.') }}</p>
            <div class="btn-row">
                <a class="btn btn--dev" href="{{ url('/') }}">{{ __('Go to the homepage') }}</a>
                <a class="btn btn--ghost" href="{{ url('/blog') }}">{{ __('Browse the blog') }}</a>
                <a class="btn btn--ghost" href="{{ url('/contact') }}">{{ __('Contact support') }}</a>
            </div>
        </div>
    </section>
@endsection