diff --git a/package-lock.json b/package-lock.json
index 3c13f6f..783c424 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2370,6 +2370,7 @@
       "resolved": "https://registry.npmjs.org/@cloudflare/next-on-pages/-/next-on-pages-1.13.2.tgz",
       "integrity": "sha512-lIri+zuxj6SKqIlewOoC9g9dD5+GbUMAXRrkhApmWGekE0PFlEAR7tHHDkbMXix4ctp7K4lPBY/wWUd8oh+VtQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "acorn": "^8.8.0",
         "ast-types": "^0.14.2",
diff --git a/package.json b/package.json
index 11f35dc..ce6bd61 100644
--- a/package.json
+++ b/package.json
@@ -9,8 +9,10 @@
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
-
+    "lint": "next lint",
+    "pages:build": "npx @cloudflare/next-on-pages",
+    "preview": "npm run pages:build && wrangler pages dev",
+    "deploy": "npm run pages:build && wrangler pages deploy"
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.0",
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..f9e9338
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,15 @@
+import { BrandingAssets } from "@/components/branding-assets";
+import Footer from "@/components/footer";
+import { Navigation } from "@/components/navigation";
+
+export const runtime = 'edge'
+
+export default function NotFoundPage() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-start">
+      <h1>404</h1>
+      <Footer />  
+      <Navigation /> {/* At the bottom of the page */}
+    </main>
+  );
+}
diff --git a/wrangler.toml b/wrangler.toml
new file mode 100644
index 0000000..643c4bc
--- /dev/null
+++ b/wrangler.toml
@@ -0,0 +1,4 @@
+name = "zenbrowser-www"
+compatibility_date = "2024-07-29"
+compatibility_flags = ["nodejs_compat"]
+pages_build_output_dir = ".vercel/output/static"
\ No newline at end of file