{{-- Shared by every errors/{code} view: each one only sets title + text. --}}
@extends('layouts.app')

{{-- Block form: the inline @section('title', …) form would escape the
     already-escaped error_title a second time. --}}
@section('title')
    @yield('error_title')
@endsection

@push('seo')
    <meta name="robots" content="noindex">
@endpush

@section('content')

    <section class="flex flex-col items-center justify-center gap-8 px-8 py-24 text-center min-h-[calc(100vh-12rem)] sm:min-h-[calc(100vh-8rem)]">

        <h1 class="font-display text-h1 font-semibold leading-tight">@yield('error_title')</h1>

        <p class="max-w-xl">@yield('error_text')</p>

        <x-ui.button :href="route('home')" class="mt-4">{{ __('storefront.errors.back_home') }}</x-ui.button>

    </section>

@endsection