/**
 * Next.js 404 page. Shown when notFound() is called or route is unknown.
 * For static export with a single route this is rarely hit; added for consistency.
 */

"use client";

import Link from "next/link";
import { useTranslation } from "@/i18n/use-translation";

export default function NotFound() {
  const { t } = useTranslation();
  return (
    <div className="flex min-h-screen flex-col items-center justify-center gap-4 bg-background px-4 text-foreground">
      <h1 className="text-xl font-semibold">{t("not_found.title")}</h1>
      <p className="text-muted-foreground">{t("not_found.description")}</p>
      <Link
        href="/"
        className="rounded-lg bg-primary px-4 py-2 text-primary-foreground hover:bg-primary/90"
      >
        {t("not_found.open_calendar")}
      </Link>
    </div>
  );
}
