Merge version_4 into main

Merge version_4 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,48 +32,49 @@ 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>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -9,6 +9,9 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import { Calendar, Target } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -71,6 +74,50 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="plan-event" data-section="plan-event">
+      <FeatureCardMedia
+      title="Plan Your Event"
+      description="Tailored service for your special occasions."
+      tag="Event Planning"
+      tagIcon={Calendar}
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+        { id: "p1", title: "Corporate Events", description: "Professional spaces for business gatherings.", tag: "Professional" },
+        { id: "p2", title: "Intimate Dinners", description: "Exclusive setups for close groups.", tag: "Exclusive" }
+      ]}
+      />
+  </div>
+
+  <div id="campaign" data-section="campaign">
+    <FeatureCardMedia
+      title="Custom Campaigns"
+      description="Unique promotional experiences for your brand."
+      tag="Custom"
+      tagIcon={Target}
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+          { id: "c1", title: "Brand Integration", description: "Showcase your vision.", tag: "Growth" }
+      ]}
+    />
+  </div>
+
+  <div id="service-hub" data-section="service-hub">
+    <PricingCardNine
+        title="Service Hub"
+        description="Centralized access to our hospitality services."
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
+        plans={[
+            { id: "s1", title: "Standard Concierge", price: "Custom", period: "on-request", features: ["Reservation Assist", "Custom Menu Planning", "Event Booking"], button: { text: "Inquire" } }
+        ]}
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyNine
       animationType="slide-up"