import Link from "next/link";
import { buttonClassName } from "@/components/ui/Button";

export default function NotFound() {
  return (
    <main className="flex flex-1 flex-col items-center justify-center gap-6 px-4 py-24 text-center">
      <p className="font-mono text-xs tracking-[0.3em] text-arc">TILT</p>
      <h1 className="font-display text-5xl font-black tracking-wide text-marquee sm:text-7xl">
        TABLE NOT FOUND
      </h1>
      <p className="max-w-md font-body text-chrome">
        That page drained down the outlane. Head back to the cabinet and pick a table.
      </p>
      <Link href="/" className={buttonClassName("primary")}>
        Back to Start
      </Link>
    </main>
  );
}