import { A } from "@solidjs/router";

export default function NotFound() {
  return (
    <main class="flex min-h-screen items-center justify-center px-4">
      <div class="app-surface w-full max-w-lg rounded-[2rem] p-8 text-center">
        <p class="section-title">404</p>
        <h1 class="mt-3 text-3xl font-extrabold tracking-[-0.05em]">That page doesn’t exist.</h1>
        <p class="mt-4 text-soft">Head back to the workspace shell and continue from there.</p>
        <A href="/" class="button-primary mt-6 inline-flex px-5 py-3 text-sm">
          Return home
        </A>
      </div>
    </main>
  );
}
