@extends('layouts.public')

@section('content')
    <div class="container-amare max-w-2xl space-y-6 py-20 text-center">
        <p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent">Erro 500</p>
        <h1 class="text-4xl font-medium tracking-tight text-amare-text">Algo deu errado</h1>
        <p class="text-amare-muted">Não foi possível concluir o pedido agora. Tente novamente em instantes.</p>
        <p>
            <a href="{{ route('home') }}" class="inline-flex bg-amare-accent px-5 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep">
                Voltar para a home
            </a>
        </p>
    </div>
@endsection