diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..4a20f04
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import { Suspense } from "react";
+import { LoadingState } from "@/components/loading";
+
+export default function NotFound() {
+  return (
+    <Suspense fallback={<LoadingState />}>
+      <div className="py-20 text-center">
+        <h2 className="mb-4 text-3xl font-bold">Page Not Found</h2>
+      </div>
+    </Suspense>
+  );
+}