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

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import { Coffee } from 'lucide-react';
+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 MenuPage() {
   return (
@@ -24,7 +24,7 @@ export default function MenuPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleApple
       navItems={[
         { name: "Home", id: "/" },
         { name: "Menu", id: "/menu" },
@@ -32,12 +32,11 @@ export default function MenuPage() {
         { name: "Contact", id: "/contact" },
       ]}
       brandName="THE WISEMEN"
-      button={{ text: "Reserve", href: "/reservations" }}
     />
   </div>
 
   <div id="product" data-section="product">
-      <ProductCardOne
+      <ProductCardThree
       title="Our Culinary Selection"
       description="Discover our curated menu, featuring locally sourced ingredients and masterfully crafted flavors."
       tag="Daily Menu"
@@ -45,6 +44,7 @@ export default function MenuPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
       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" },
@@ -58,20 +58,18 @@ export default function MenuPage() {
       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"
     />
   </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>