Switch to version 3: modified src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -15,6 +15,13 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import { Award, Coffee, Leaf, Smile, Users } from "lucide-react";
 
 export default function LandingPage() {
+  const scrollToContact = () => {
+    const element = document.getElementById('contact');
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -33,25 +40,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="DarAlFlavor"
     />
@@ -60,67 +57,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Authentic Flavors, Unforgettable Moments"
       description="Experience culinary excellence at DarAlFlavor, where tradition meets contemporary dining. Reserve your table today."
       buttons={[
         {
-          text: "Book Your Table",
-          href: "#contact",
-        },
+          text: "Reserve Your Table Now",          onClick: scrollToContact},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg"
       imageAlt="luxurious restaurant table setting dinner"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg",
-          alt: "Dining guest 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg",          alt: "Dining guest 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg",
-          alt: "Dining guest 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg",          alt: "Dining guest 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg",
-          alt: "Dining guest 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg",          alt: "Dining guest 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
-          alt: "Dining guest 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",          alt: "Dining guest 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
-          alt: "Dining guest 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",          alt: "Dining guest 5"},
       ]}
       avatarText="Join 5000+ satisfied guests"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Farm-to-Table",
-          icon: Leaf,
+          type: "text-icon",          text: "Farm-to-Table",          icon: Leaf,
         },
         {
-          type: "text-icon",
-          text: "Authentic Recipes",
-          icon: Award,
+          type: "text-icon",          text: "Authentic Recipes",          icon: Award,
         },
         {
-          type: "text-icon",
-          text: "Private Dining",
-          icon: Users,
+          type: "text-icon",          text: "Private Dining",          icon: Users,
         },
         {
-          type: "text-icon",
-          text: "Award Winning",
-          icon: Award,
+          type: "text-icon",          text: "Award Winning",          icon: Award,
         },
         {
-          type: "text-icon",
-          text: "Exquisite Drinks",
-          icon: Coffee,
+          type: "text-icon",          text: "Exquisite Drinks",          icon: Coffee,
         },
       ]}
     />
@@ -133,13 +107,9 @@ export default function LandingPage() {
       description="We blend ancient recipes with modern presentation to bring you a truly unique dining experience, crafted with love and fresh ingredients."
       metrics={[
         {
-          value: "15+",
-          title: "Years of Excellence",
-        },
+          value: "15+",          title: "Years of Excellence"},
         {
-          value: "5000+",
-          title: "Satisfied Guests",
-        },
+          value: "5000+",          title: "Satisfied Guests"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/black-chef-mincing-herbs-other-greenery-restaurant-kitchen_482257-121124.jpg"
       imageAlt="professional chef cooking gourmet meal"
@@ -156,59 +126,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          brand: "Starter",
-          name: "Truffle Mushroom Soup",
-          price: "$12.00",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-soup-croutons_23-2148452840.jpg",
-        },
+          id: "1",          brand: "Starter",          name: "Truffle Mushroom Soup",          price: "$12.00",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-soup-croutons_23-2148452840.jpg"},
         {
-          id: "2",
-          brand: "Main",
-          name: "Herb Crusted Lamb",
-          price: "$34.00",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/lamb-barbecue-steak_1203-6741.jpg",
-        },
+          id: "2",          brand: "Main",          name: "Herb Crusted Lamb",          price: "$34.00",          rating: 5,
+          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/lamb-barbecue-steak_1203-6741.jpg"},
         {
-          id: "3",
-          brand: "Starter",
-          name: "Seared Scallops",
-          price: "$18.00",
-          rating: 4,
-          reviewCount: "92",
-          imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-pea-puree_23-2151942376.jpg",
-        },
+          id: "3",          brand: "Starter",          name: "Seared Scallops",          price: "$18.00",          rating: 4,
+          reviewCount: "92",          imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-pea-puree_23-2151942376.jpg"},
         {
-          id: "4",
-          brand: "Main",
-          name: "Saffron Risotto",
-          price: "$28.00",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/ceasar-salad-with-grilled-chicken-tomato-lettuce-parmezan-glass-compote_140725-10893.jpg",
-        },
+          id: "4",          brand: "Main",          name: "Saffron Risotto",          price: "$28.00",          rating: 5,
+          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/ceasar-salad-with-grilled-chicken-tomato-lettuce-parmezan-glass-compote_140725-10893.jpg"},
         {
-          id: "5",
-          brand: "Dessert",
-          name: "Dark Chocolate Tart",
-          price: "$10.00",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-topped-with-chocolate-chips-syrup_141793-630.jpg",
-        },
+          id: "5",          brand: "Dessert",          name: "Dark Chocolate Tart",          price: "$10.00",          rating: 5,
+          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-topped-with-chocolate-chips-syrup_141793-630.jpg"},
         {
-          id: "6",
-          brand: "Drink",
-          name: "Signature Mocktail",
-          price: "$9.00",
-          rating: 4,
-          reviewCount: "67",
-          imageSrc: "http://img.b2bpic.net/free-photo/fruit-cocktail-topped-with-flowers_140725-1776.jpg",
-        },
+          id: "6",          brand: "Drink",          name: "Signature Mocktail",          price: "$9.00",          rating: 4,
+          reviewCount: "67",          imageSrc: "http://img.b2bpic.net/free-photo/fruit-cocktail-topped-with-flowers_140725-1776.jpg"},
       ]}
       title="Our Signature Culinary Offerings"
       description="Explore our menu, a symphony of flavors designed for the discerning palate."
@@ -222,23 +156,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          icon: Award,
-          title: "Michelin Recommended",
-          value: "2023",
-        },
+          id: "m1",          icon: Award,
+          title: "Michelin Recommended",          value: "2023"},
         {
-          id: "m2",
-          icon: Smile,
-          title: "Happy Guests",
-          value: "99%",
-        },
+          id: "m2",          icon: Smile,
+          title: "Happy Guests",          value: "99%"},
         {
-          id: "m3",
-          icon: Coffee,
-          title: "Coffee Varieties",
-          value: "20",
-        },
+          id: "m3",          icon: Coffee,
+          title: "Coffee Varieties",          value: "20"},
       ]}
       title="A Restaurant Defined by Quality"
       description="Numbers reflect our commitment to your happiness and our dedication to authentic flavors."
@@ -252,40 +177,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Jenkins",
-          handle: "@sarahj",
-          testimonial: "An incredible experience. Every bite was an explosion of flavor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
-        },
+          id: "1",          name: "Sarah Jenkins",          handle: "@sarahj",          testimonial: "An incredible experience. Every bite was an explosion of flavor.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg"},
         {
-          id: "2",
-          name: "Mark Stevens",
-          handle: "@mstevens",
-          testimonial: "Upscale, comfortable, and truly authentic. My favorite spot.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
-        },
+          id: "2",          name: "Mark Stevens",          handle: "@mstevens",          testimonial: "Upscale, comfortable, and truly authentic. My favorite spot.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg"},
         {
-          id: "3",
-          name: "Elena Rossi",
-          handle: "@elena_r",
-          testimonial: "The service was impeccable and the food exceeded expectations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
-        },
+          id: "3",          name: "Elena Rossi",          handle: "@elena_r",          testimonial: "The service was impeccable and the food exceeded expectations.",          imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg"},
         {
-          id: "4",
-          name: "David Wu",
-          handle: "@davidw",
-          testimonial: "A wonderful anniversary celebration. We felt very welcomed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-gives-girl-gold-ring_1398-4170.jpg",
-        },
+          id: "4",          name: "David Wu",          handle: "@davidw",          testimonial: "A wonderful anniversary celebration. We felt very welcomed.",          imageSrc: "http://img.b2bpic.net/free-photo/man-gives-girl-gold-ring_1398-4170.jpg"},
         {
-          id: "5",
-          name: "Lydia Thorne",
-          handle: "@lydiath",
-          testimonial: "Exquisite textures and deep flavor profiles. Highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
-        },
+          id: "5",          name: "Lydia Thorne",          handle: "@lydiath",          testimonial: "Exquisite textures and deep flavor profiles. Highly recommend.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg"},
       ]}
       title="Guest Stories at DarAlFlavor"
       description="Read what our cherished guests have to say about their dining journeys."
@@ -297,12 +197,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       names={[
-        "Food Journal",
-        "The Daily Meal",
-        "Epicurean Review",
-        "Dining Elite",
-        "Local Gastronomy",
-      ]}
+        "Food Journal",        "The Daily Meal",        "Epicurean Review",        "Dining Elite",        "Local Gastronomy"]}
       title="Recognized by Culinary Leaders"
       description="We are honored to be mentioned by leading food publications."
     />
@@ -314,20 +209,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you offer private event bookings?",
-          content: "Yes, we have private dining rooms for intimate gatherings and larger events.",
-        },
+          id: "f1",          title: "Do you offer private event bookings?",          content: "Yes, we have private dining rooms for intimate gatherings and larger events."},
         {
-          id: "f2",
-          title: "Is outdoor seating available?",
-          content: "We offer a seasonal courtyard area perfect for evening dining.",
-        },
+          id: "f2",          title: "Is outdoor seating available?",          content: "We offer a seasonal courtyard area perfect for evening dining."},
         {
-          id: "f3",
-          title: "Do you offer delivery or takeaway?",
-          content: "We offer convenient online ordering for takeaway directly via our platform.",
-        },
+          id: "f3",          title: "Do you offer delivery or takeaway?",          content: "We offer convenient online ordering for takeaway directly via our platform."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg"
       imageAlt="restaurant interior modern decor"
@@ -344,28 +230,17 @@ export default function LandingPage() {
       description="Secure your spot for an unforgettable evening at DarAlFlavor. Fill out the form below."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
         },
         {
-          name: "date",
-          type: "date",
-          placeholder: "Reservation Date",
-          required: true,
+          name: "date",          type: "date",          placeholder: "Reservation Date",          required: true,
         },
       ]}
       textarea={{
-        name: "notes",
-        placeholder: "Any special requests or notes?",
-        rows: 4,
+        name: "notes",        placeholder: "Any special requests or notes?",        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/wine-glass_1203-3446.jpg"
       imageAlt="fine dining table reservation setup"
@@ -376,37 +251,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "DarAlFlavor",
-          items: [
+          title: "DarAlFlavor",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Our Menu",
-              href: "#menu",
-            },
+              label: "Our Menu",              href: "#menu"},
             {
-              label: "Book a Table",
-              href: "#contact",
-            },
+              label: "Book a Table",              onClick: scrollToContact},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}