Update src/app/menu/page.tsx

Merge version_1 into main

src/app/menu/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+          ]}
+          brandName="Tee's Donuts"
+          button={{ text: "Home", href: "/" }}
+        />
+        
+        <div id="products" className="py-20">
+          <ProductCardOne
+            title="Our Full Menu"
+            description="Discover our complete selection of freshly baked goods and drinks."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "ice-1", name: "Blended Mocha Frappe", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe_1339-2405.jpg" },
+              { id: "ice-2", name: "Blended Oreo Shake", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-coffee-with-cream_23-2148349613.jpg" },
+              { id: "fruit-1", name: "Strawberry Banana Smoothie", price: "$6.70", imageSrc: "http://img.b2bpic.net/free-photo/blackcurrant-confiture-white-saucer-with-glass-juice-around_114579-23333.jpg" },
+              { id: "sand-1", name: "Egg & Cheese Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sandwiches-arrangement-white-background_23-2148617389.jpg" },
+              { id: "sand-2", name: "Roast Beef Telera", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868213.jpg" },
+              { id: "extra-1", name: "Extra Hash Browns", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/bitten-egg-sandwich-plate_53876-63372.jpg" }
+            ]}
+          />
+        </div>
+
+        <FooterMedia
+          logoText="Tee's Donuts"
+          videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
+          columns={[{ title: "Menu", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,12 +32,12 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
-        { name: "Menu", id: "products" },
+        { name: "Menu", id: "/menu" },
         { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Tee's Donuts"
-      button={{ text: "Order Now", href: "#products" }}
+      button={{ text: "Order Now", href: "/menu" }}
     />
   </div>
 
@@ -54,6 +54,7 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       rating={5}
       ratingText="4.2 rating from 78 happy locals"
+      buttons={[{ text: "Order Now", href: "/menu" }]}
     />
   </div>