Initial Commit

app/not-found.tsx

@@ -0,0 +1,37 @@
+import Link from "next/link";
+import { Header } from "@/components/layout/header";
+import { Footer } from "@/components/layout/footer";
+
+export default function NotFound() {
+  return (
+    <div className="playground-bg flex min-h-screen flex-col">
+      <Header />
+      <main className="playground-frame hero-gradient relative mx-auto flex w-full max-w-6xl flex-1 items-center justify-center">
+        <div className="dot-pattern absolute inset-0 opacity-25" />
+        <div className="relative text-center">
+          <p className="mb-2 text-sm font-semibold uppercase tracking-widest text-muted">
+            Page not found
+          </p>
+          <h1 className="mb-4 text-8xl font-bold tracking-tighter">
+            <span className="bg-gradient-to-r from-unit-1 via-unit-4 to-unit-2 bg-clip-text text-transparent">
+              404
+            </span>
+          </h1>
+          <p className="mb-8 text-lg text-muted">
+            This page doesn&apos;t exist or has been moved.
+          </p>
+          <Link
+            href="/"
+            className="inline-flex items-center gap-2 rounded-xl bg-foreground px-6 py-3 font-medium text-background shadow-[var(--shadow-md)] transition-all duration-200 hover:shadow-[var(--shadow-lg)] hover:-translate-y-0.5"
+          >
+            <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+              <path strokeLinecap="round" strokeLinejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+            </svg>
+            Back to Home
+          </Link>
+        </div>
+      </main>
+      <Footer />
+    </div>
+  );
+}