diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
new file mode 100644
index 0000000..2362741
--- /dev/null
+++ b/src/app/menu/page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Reviews", id: "/reviews" },
+            { name: "Contact", id: "contact" },
+          ]}
+          brandName="Merhaba Habesha"
+        />
+        <div className="min-h-screen py-24 px-6 flex flex-col items-center justify-center">
+          <h1 className="text-4xl font-bold mb-6">Our Menu</h1>
+          <p className="text-lg text-center max-w-2xl">Explore our delicious range of traditional Ethiopian dishes, crafted for every palate.</p>
+        </div>
+        <FooterBaseReveal columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c4fc097..8a006c4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,9 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Home", id: "hero" },
+        { name: "Home", id: "/" },
         { name: "About", id: "about" },
-        { name: "Menu", id: "features" },
+        { name: "Menu", id: "/menu" },
+        { name: "Reviews", id: "/reviews" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Merhaba Habesha"
@@ -149,4 +150,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
new file mode 100644
index 0000000..31d111d
--- /dev/null
+++ b/src/app/reviews/page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ReviewsPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Reviews", id: "/reviews" },
+            { name: "Contact", id: "contact" },
+          ]}
+          brandName="Merhaba Habesha"
+        />
+        <div className="min-h-screen py-24 px-6 flex flex-col items-center justify-center">
+          <h1 className="text-4xl font-bold mb-6">Customer Reviews</h1>
+          <p className="text-lg text-center max-w-2xl">See what our wonderful community in Cardiff has to say about us.</p>
+        </div>
+        <FooterBaseReveal columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file