@extends('layouts.app')

@section('content')
  <section class="pt-32 lg:pt-44 pb-16 lg:pb-20">
    <div class="max-w-xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
      <p class="text-6xl font-bold text-brand-teal mb-4">404</p>
      <h1 class="text-2xl font-bold text-text-body mb-4">{{ __("Stránka nenalezena", "jz") }}</h1>
      <p class="text-sm text-text-body mb-8">{{ __("Omlouváme se, ale stránka, kterou hledáte, neexistuje.", "jz") }}</p>
      <a href="{{ home_url('/') }}" class="inline-block bg-brand-teal text-white font-semibold text-sm px-6 py-2.5 rounded-md hover:opacity-90 transition-opacity">
        {{ __("Zpět na úvodní stránku", "jz") }}
      </a>
    </div>
  </section>
@endsection