diff --git a/src/app/coming-soon/page.tsx b/src/app/coming-soon/page.tsx
new file mode 100644
index 0000000..5978bf5
--- /dev/null
+++ b/src/app/coming-soon/page.tsx
@@ -0,0 +1,37 @@
+'use client';
+
+import Link from 'next/link';
+import { CommonHeader } from '@/components/layout/CommonHeader';
+import { Footer } from '@/components/layout/Footer';
+
+export default function ComingSoonPage() {
+  return (
+    <div className="min-h-screen bg-white flex flex-col">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 w-full">
+        <CommonHeader />
+      </div>
+
+      <main className="flex-1 flex items-center justify-center px-4">
+        <div className="text-center max-w-[500px]">
+          <div className="w-16 h-16 bg-[#e58625]/10 rounded-full flex items-center justify-center mx-auto mb-6">
+            <span className="text-[32px]">🚧</span>
+          </div>
+          <h1 className="font-fractul font-bold text-[30px] text-[#00293d] mb-3">
+            Coming Soon
+          </h1>
+          <p className="font-serif text-[14px] text-[#00293d]/70 leading-relaxed mb-8">
+            This page is under development. Stay tuned for updates.
+          </p>
+          <Link
+            href="/"
+            className="inline-flex items-center justify-center px-6 h-[46px] bg-[#e58625] rounded-[15px] font-fractul font-bold text-[16px] text-[#00293d] hover:bg-[#d47720] transition-colors"
+          >
+            Go Back Home
+          </Link>
+        </div>
+      </main>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index f725844..f9f34d4 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -14,11 +14,11 @@ const footerLinks = {
   resources: {
     title: 'Resources',
     links: [
-      { label: "Buyer's Guide", href: '#' },
-      { label: "Seller's Guide", href: '#' },
+      { label: "Buyer's Guide", href: '/coming-soon' },
+      { label: "Seller's Guide", href: '/coming-soon' },
       { label: 'FAQs', href: '/faq' },
       { label: 'Education', href: '/education' },
-      { label: 'MyAgentNavigator', href: '#' },
+      { label: 'MyAgentNavigator', href: '/coming-soon' },
     ],
   },
   aboutContact: {
diff --git a/src/middleware.ts b/src/middleware.ts
index cce59b5..5e136fe 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -5,7 +5,7 @@ import { NextResponse } from "next/server";
 const authRoutes = ["/login", "/signup", "/forgot-password", "/reset-password", "/verify-email"];
 
 // Public routes - accessible to everyone (logged in or not)
-const publicRoutes = ["/", "/contact", "/about", "/faq", "/education", "/logout", "/user/dashboard", "/user/profiles", "/user/profile"];
+const publicRoutes = ["/", "/contact", "/about", "/faq", "/education", "/coming-soon", "/privacy-policy", "/terms-of-service", "/logout", "/user/dashboard", "/user/profiles", "/user/profile"];
 
 // Routes that should NEVER be redirected away from (even if logged in)
 const noRedirectRoutes = ["/logout"];