From 7af665cd761f87945e28915f673b6c3b2bf6a9a3 Mon Sep 17 00:00:00 2001
From: Yogender-verma <yogendarverma0268@gmail.com>
Date: Fri, 19 Jun 2026 10:41:35 +0530
Subject: [PATCH] feat: add custom 404 page with dynamic requested path

---
 vodka-web/app/not-found.tsx | 48 +++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 vodka-web/app/not-found.tsx

diff --git a/vodka-web/app/not-found.tsx b/vodka-web/app/not-found.tsx
new file mode 100644
index 0000000..51b6763
--- /dev/null
+++ b/vodka-web/app/not-found.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+export default function NotFound() {
+  const pathname = usePathname();
+
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center bg-slate-100 text-slate-900 px-6 text-center">
+
+      {/* Main 404 */}
+      <h1 className="mt-4 text-7xl font-bold">
+        404
+      </h1>
+
+      <p className="mt-4 text-2xl font-semibold">
+        Page not found
+      </p>
+
+      <p className="mt-3 text-slate-600 max-w-md">
+        The page you are looking for doesn’t exist or has been moved.
+      </p>
+
+      {/* Requested text */}
+      <p className="mt-6 text-sm text-slate-500">
+        Requested: <span className="font-mono">{pathname}</span>
+      </p>
+
+      {/* Buttons */}
+      <div className="mt-8 flex gap-4">
+        <Link
+          href="/"
+          className="inline-flex items-center justify-center rounded-2xl bg-slate-900 px-6 py-3 text-white text-sm font-semibold hover:bg-slate-700 transition"
+        >
+          Go Home
+        </Link>
+
+        <button
+          onClick={() => window.history.back()}
+          className="inline-flex items-center justify-center rounded-2xl border border-slate-900 px-6 py-3 text-sm font-semibold hover:bg-slate-900 hover:text-white transition"
+        >
+          Go Back
+        </button>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file