From c362a666180311e8c00145206dd12f5c32d5c6e5 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Wed, 24 Dec 2025 13:44:57 -0800
Subject: [PATCH] feat: add custom 404 page

---
 frontend/app/not-found.tsx | 43 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 frontend/app/not-found.tsx

diff --git a/frontend/app/not-found.tsx b/frontend/app/not-found.tsx
new file mode 100644
index 0000000..e762d7f
--- /dev/null
+++ b/frontend/app/not-found.tsx
@@ -0,0 +1,43 @@
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { Home, ArrowLeft, Search } from "lucide-react"
+
+export default function NotFound() {
+    return (
+        <div className="min-h-[60vh] flex flex-col items-center justify-center text-center px-4">
+            <div className="space-y-6 max-w-md">
+                <div className="text-8xl font-bold text-muted-foreground/30">404</div>
+
+                <div className="space-y-2">
+                    <h1 className="text-2xl font-bold">Page Not Found</h1>
+                    <p className="text-muted-foreground">
+                        The page you&apos;re looking for doesn&apos;t exist or may have been moved.
+                    </p>
+                </div>
+
+                <div className="flex flex-col sm:flex-row gap-3 justify-center pt-4">
+                    <Button asChild variant="default">
+                        <Link href="/">
+                            <Home className="mr-2 h-4 w-4" />
+                            Go Home
+                        </Link>
+                    </Button>
+                    <Button asChild variant="outline">
+                        <Link href="/shows">
+                            <Search className="mr-2 h-4 w-4" />
+                            Browse Shows
+                        </Link>
+                    </Button>
+                </div>
+
+                <p className="text-sm text-muted-foreground pt-4">
+                    Looking for a specific show? Try the{" "}
+                    <Link href="/shows" className="underline hover:text-foreground">
+                        shows page
+                    </Link>{" "}
+                    or use the search.
+                </p>
+            </div>
+        </div>
+    )
+}