diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
new file mode 100644
index 0000000..542c9df
--- /dev/null
+++ b/src/app/menu/page.tsx
@@ -0,0 +1,96 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="largeSmallSizeMediumTitles"
+      background="fluid"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Orchid Restaurant"
+          navItems={[
+            { name: "Menu", id: "/menu" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "Location", id: "contact" }
+          ]}
+          button={{ text: "Call: 02 38595000", href: "tel:02385950000" }}
+        />
+      </div>
+
+      <div id="menu" data-section="menu" className="pt-24 md:pt-32">
+        <ProductCardThree
+          title="Our Complete Menu"
+          description="Explore our full selection of expertly prepared dishes, from signature favorites to seasonal specials."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          products={[
+            {
+              id: "1",              name: "Premium Grilled Steak",              price: "185 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-with-fried-potatoes-mayonnaise-mustard-ketchup_140725-1494.jpg?_wi=2",              imageAlt: "Premium grilled steak",              initialQuantity: 1
+            },
+            {
+              id: "2",              name: "Signature Chicken Dish",              price: "125 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-appetizing-chicken-with-onion-lemon-herbs-lavash-board_140725-72535.jpg?_wi=2",              imageAlt: "Signature chicken dish",              initialQuantity: 1
+            },
+            {
+              id: "3",              name: "Artisan Wood-Fired Pizza",              price: "95 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/pasta-pizza-ingredients-near-dough_23-2147772086.jpg?_wi=2",              imageAlt: "Artisan pizza",              initialQuantity: 1
+            },
+            {
+              id: "4",              name: "Grilled Salmon",              price: "175 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-with-fried-potatoes-mayonnaise-mustard-ketchup_140725-1494.jpg?_wi=2",              imageAlt: "Grilled salmon",              initialQuantity: 1
+            },
+            {
+              id: "5",              name: "Vegetarian Pasta",              price: "85 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/pasta-pizza-ingredients-near-dough_23-2147772086.jpg?_wi=2",              imageAlt: "Vegetarian pasta",              initialQuantity: 1
+            },
+            {
+              id: "6",              name: "Mediterranean Salad",              price: "75 EGP",              imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-appetizing-chicken-with-onion-lemon-herbs-lavash-board_140725-72535.jpg?_wi=2",              imageAlt: "Mediterranean salad",              initialQuantity: 1
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Place Your Order"
+          description="Ready to order? Fill out the form below or give us a call at 02 38595000. We're here to serve you!"
+          useInvertedBackground={false}
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+          ]}
+          textarea={{ name: "message", placeholder: "Tell us what you'd like to order...", rows: 4, required: true }}
+          imageSrc="http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg?_wi=2"
+          imageAlt="Orchid Restaurant order"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Submit Order"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Orchid Restaurant"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2595cb6..7cddff6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,7 +30,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Orchid Restaurant"
           navItems={[
-            { name: "Menu", id: "featured" },
+            { name: "Menu", id: "/menu" },
             { name: "About", id: "about" },
             { name: "Reviews", id: "testimonials" },
             { name: "Location", id: "contact" }
@@ -45,7 +45,7 @@ export default function LandingPage() {
           description="Experience authentic cuisine in an elegant setting. Dine in, order takeaway, or enjoy fast delivery from the heart of 6th of October City."
           background={{ variant: "plain" }}
           buttons={[
-            { text: "View Menu", href: "#featured" },
+            { text: "View Menu", href: "/menu" },
             { text: "Get Directions", href: "https://www.google.com/maps/search/X374+XH+First+6th+of+October" }
           ]}
           mediaItems={[