Update src/app/menu/page.tsx

src/app/menu/page.tsx

@@ -8,23 +8,26 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function MenuPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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: "About", id: "/#about" },
+            { name: "About", id: "/about" },
             { name: "Events", id: "/events" },
-            { name: "Contact", id: "/#contact" },
+            { name: "Contact", id: "/contact" },
           ]}
           brandName="The Table"
+          button={{ text: "Order Now", href: "/menu" }}
         />
         <div className="pt-32 pb-20">
             <ProductCardOne
               title="Coffee & Tea"
+              description="Our specialty brews."
               gridVariant="three-columns-all-equal-width"
               animationType="slide-up"
               textboxLayout="default"
+              useInvertedBackground={false}
               products={[
                 { id: "c1", name: "Signature Espresso", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-table_23-2148281358.jpg" },
                 { id: "c2", name: "Organic Loose Leaf Tea", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-leaves-table_23-2148281370.jpg" }
@@ -34,9 +37,11 @@ export default function MenuPage() {
         <div className="py-20">
             <ProductCardOne
               title="Pastries & Wine"
+              description="Handcrafted treats and fine wines."
               gridVariant="three-columns-all-equal-width"
               animationType="slide-up"
               textboxLayout="default"
+              useInvertedBackground={false}
               products={[
                 { id: "p1", name: "Butter Croissant", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/croissant-plate_23-2148443905.jpg" },
                 { id: "w1", name: "House Red Selection", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/glass-red-wine-table_23-2148443920.jpg" }