import { Button, Panel } from "@void-nav/ui";

export function NotFoundPage() {
  return (
    <main className="grid min-h-screen place-items-center bg-bg px-6 text-fg">
      <Panel className="max-w-md">
        <p className="m-0 font-mono text-xs uppercase tracking-[0.12em] text-red">Route unavailable</p>
        <h1 className="m-0 mt-2 text-3xl text-fg-bright">Page not found</h1>
        <p className="mb-6 mt-3 text-fg-dim">The public site only serves the landing page right now.</p>
        <Button href="/" tone="primary">Back to home</Button>
      </Panel>
    </main>
  );
}
