diff --git a/src/app/(public)/[...not-found]/page.tsx b/src/app/(public)/[...not-found]/page.tsx
new file mode 100644
index 0000000..8b9a9ea
--- /dev/null
+++ b/src/app/(public)/[...not-found]/page.tsx
@@ -0,0 +1,9 @@
+import NotFound from "../not-found";
+
+export default function CatchAll() {
+  return (
+    <div>
+      <NotFound />
+    </div>
+  );
+}
diff --git a/src/app/(public)/not-found.tsx b/src/app/(public)/not-found.tsx
new file mode 100644
index 0000000..42d05b4
--- /dev/null
+++ b/src/app/(public)/not-found.tsx
@@ -0,0 +1,10 @@
+export default function NotFound() {
+  return (
+    <div className="bg-gradient-to-b from-slate-950 to-blue3 flex flex-col items-center justify-center px-4 py-16 font-inter">
+      <h1 className="text-[128px] md:text-[256px] text-yellow4 font-extrabold">
+        404
+      </h1>
+      <p className="text-2xl mb-8">Page doesn&apos;t exist :((</p>
+    </div>
+  );
+}