Files
vpinball/app/not-found.tsx
T
valknarandClaude Sonnet 5 958f091c56 Polish home CTAs, panel rounding, and 404 label; fix dev-mode SW crash
- Shorten CTA labels to "Play Demo" / "Load Table"
- Fix mismatched corner radii on the hero and table-staging panels
- Add horizontal padding to the in-game "insert coin" hint on mobile
- Match the 404 page's "TILT" eyebrow label size to the rest of the site
- Only register the service worker in production — it precaches
  /404.html, which doesn't exist as a static file under `next dev` and
  was failing cache.addAll() on every load

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-24 08:35:18 +02:00

20 lines
710 B
TypeScript

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>
);
}