Update src/app/menu/page.tsx

Merge version_3 into main

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Libre_Baskerville } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'The Wisemen Restaurant & Bar | Fine Dining in South Africa',
-  description: 'Experience sophisticated fine dining at The Wisemen. Luxury cuisine, exquisite wine selection, and elegant atmosphere.',
+  title: 'Menu | The Wisemen',
+  description: 'Discover our culinary selection at The Wisemen.',
   openGraph: {
     "title": "The Wisemen Restaurant & Bar",
     "description": "Experience sophisticated fine dining.",

src/app/menu/page.tsx

@@ -2,12 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import { Coffee, Instagram, Twitter, Facebook } from 'lucide-react';
 
-export default function LandingPage() {
+export default function MenuPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -23,7 +24,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleApple
       navItems={[
         { name: "Home", id: "/" },
         { name: "Menu", id: "/menu" },
@@ -31,44 +32,45 @@ export default function LandingPage() {
         { name: "Contact", id: "/contact" },
       ]}
       brandName="THE WISEMEN"
-      button={{ text: "Reserve", href: "/reservations" }}
     />
   </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentyNine
+  <div id="product" data-section="product">
+      <ProductCardThree
+      title="Our Culinary Selection"
+      description="Discover our curated menu, featuring locally sourced ingredients and masterfully crafted flavors."
+      tag="Daily Menu"
+      tagIcon={Coffee}
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      title="Our Signature Dishes"
-      description="Savor the flavors of our most cherished recipes."
-      features={[
-        { title: "Signature Steak", description: "Prime aged beef with seasonal herbs.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-cutlet-with-sauce-spicy-pepper-zucchini-tomatoes_140725-10844.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg", buttonText: "View Dish" },
-        { title: "Delicate Dessert", description: "Masterfully crafted chocolate delights.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg", buttonText: "View Dessert" },
+      products={[
+        { id: "p1", name: "Signature Steak", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-cutlet-with-sauce-spicy-pepper-zucchini-tomatoes_140725-10844.jpg" },
+        { id: "p2", name: "Chocolate Delight", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg" },
+        { id: "p3", name: "Signature Cocktail", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg" }
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
       useInvertedBackground={false}
       title="Inquire About Menus"
       description="Need information regarding dietary restrictions?"
-      inputs={[
-        { name: "name", type: "text", placeholder: "Name" },
-        { name: "message", type: "text", placeholder: "Your message" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/blurred-restaurant-with-vintage-sofa_1203-557.jpg"
+      buttons={[{ text: "Submit Inquiry" }]}
+      tag="Contact"
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterCard
       logoText="THE WISEMEN"
-      columns={[
-        { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }] },
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }] },
+      socialLinks={[
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" }
       ]}
     />
   </div>