import Link from "next/link";
import { AppShell } from "@/components/app-shell";
import { Button } from "@/components/ui/button";

export default function NotFound() {
  return (
    <AppShell>
      <section className="max-w-xl mx-auto text-center py-16 space-y-5">
        <div className="font-display text-gold text-6xl leading-none" aria-hidden="true">
          404
        </div>
        <div className="space-y-2">
          <h1 className="text-navy">הדף לא נמצא</h1>
          <p className="text-ink-muted leading-relaxed">
            הכתובת שביקשת אינה קיימת או שהוזזה לדף אחר.
          </p>
        </div>
        <Button asChild className="bg-navy hover:bg-navy-soft text-parchment">
          <Link href="/">חזרה לבית</Link>
        </Button>
      </section>
    </AppShell>
  );
}