Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Award, Flame, Leaf, Wine } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,129 +29,198 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingInline
       navItems={[
-        { name: "About", id: "#about" },
-        { name: "Menu", id: "#menu" },
-        { name: "Reviews", id: "#testimonials" },
-        { name: "Contact", id: "#contact" },
+        {
+          name: "About",          id: "#about"},
+        {
+          name: "Menu",          id: "#menu"},
+        {
+          name: "Reviews",          id: "#testimonials"},
+        {
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Lumière Dining"
+      button={{
+        text: "Book Table",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{ variant: "sparkles-gradient" }}
+      <HeroCentered
+      background={{
+        variant: "sparkles-gradient"}}
       title="Experience Unforgettable Flavors"
       description="Discover a symphony of tastes at Lumière, where tradition meets contemporary culinary innovation. Join us for an evening of warmth and sophistication."
-      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg?_wi=1" }
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",          alt: "Diner"},
+        {
+          src: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg",          alt: "Diner"},
+        {
+          src: "http://img.b2bpic.net/free-photo/portrait-young-man-restaurant_23-2147861975.jpg",          alt: "Diner"},
+        {
+          src: "http://img.b2bpic.net/free-photo/couple-holding-hands-table-restaurant_23-2148014447.jpg",          alt: "Diner"},
+        {
+          src: "http://img.b2bpic.net/free-photo/dinner-set-sushi-rolls-salads-cocktails-hookah-side-view_141793-3100.jpg",          alt: "Diner"},
+      ]}
+      avatarText="Loved by 500+ food enthusiasts"
+      buttons={[
+        {
+          text: "Reserve Table",          href: "#contact"},
+      ]}
+      marqueeItems={[
+        {
+          type: "text",          text: "Michelin Star Trained Chefs"},
+        {
+          type: "text",          text: "Local Farm-Fresh Produce"},
+        {
+          type: "text",          text: "Award Winning Wine Cellar"},
+        {
+          type: "text",          text: "Impeccable Service"},
+        {
+          type: "text",          text: "Sophisticated Atmosphere"},
       ]}
-      buttons={[{ text: "Reserve Table", href: "#contact" }]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <SplitAbout
+      <TestimonialAboutCard
+      useInvertedBackground={false}
       tag="Our Philosophy"
       title="Artisanal Craftsmanship in Every Bite"
       description="At Lumière, we source our ingredients from local farms to ensure unparalleled freshness and quality. Our chefs are dedicated to the art of fine dining, creating memories that linger long after the last course."
-      bulletPoints={[
-        { title: "Farm Fresh", description: "Locally sourced ingredients." },
-        { title: "Expert Chefs", description: "Trained in the finest kitchens." },
-        { title: "Sustainable", description: "Ethically prepared." }
-      ]}
+      subdescription="From our open kitchen to your table, experience the passion and dedication that defines our culinary journey."
+      icon={Award}
       imageSrc="http://img.b2bpic.net/free-photo/couple-is-cooking-kitchen_53876-20986.jpg"
-      textboxLayout="split"
-      useInvertedBackground={false}
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardNineteen
-      title="Why Choose Lumière"
-      description="A curated experience designed for those who appreciate the finer things in life."
-      textboxLayout="split"
+      <FeatureBorderGlow
+      animationType="slide-up"
+      textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          tag: "01",          title: "Farm to Table",          subtitle: "Freshly sourced",          description: "Daily produce from local farms.",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-dark-background_84443-85816.jpg"
-        },
+          icon: Leaf,
+          title: "Farm to Table",          description: "Fresh, seasonal ingredients sourced from trusted local farmers every morning."},
         {
-          tag: "02",          title: "Culinary Art",          subtitle: "Handcrafted",          description: "Traditional meets modern technique.",          imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg?_wi=1"
-        }
+          icon: Flame,
+          title: "Artisanal Techniques",          description: "Traditional preparation methods combined with modern culinary innovation."},
+        {
+          icon: Wine,
+          title: "Curated Wine Selection",          description: "Expertly paired wines to complement every dish on our seasonal menu."},
       ]}
+      title="Why Choose Lumière"
+      description="A curated experience designed for those who appreciate the finer things in life."
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardTwo
+      <ProductCardThree
       animationType="slide-up"
-      gridVariant="three-columns-all-equal-width"
       textboxLayout="default"
-      title="Signature Creations"
-      description="Indulge in our carefully selected signature dishes."
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        { id: "p1", brand: "Classic", name: "Aged Ribeye Steak", price: "$48", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg?_wi=2" },
-        { id: "p2", brand: "Classic", name: "Pan-Seared Sea Bass", price: "$42", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/wooden-plate-delicious-shrimps-with-tasty-crab-sticks-stone-surface_114579-57079.jpg" },
-        { id: "p3", brand: "Dessert", name: "Dark Chocolate Mousse", price: "$18", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg" },
+        {
+          id: "p1",          name: "Aged Ribeye Steak",          price: "$48",          imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg"},
+        {
+          id: "p2",          name: "Pan-Seared Sea Bass",          price: "$42",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-plate-delicious-shrimps-with-tasty-crab-sticks-stone-surface_114579-57079.jpg"},
+        {
+          id: "p3",          name: "Truffle Mushroom Risotto",          price: "$34",          imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-chicken-tomatoes-greens-grated-cheese-served-with-juice_140725-7992.jpg"},
+        {
+          id: "p4",          name: "Dark Chocolate Mousse",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg"},
+        {
+          id: "p5",          name: "Seasonal Artisan Salad",          price: "$22",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-dark-background_84443-85816.jpg"},
+        {
+          id: "p6",          name: "Lobster Bisque",          price: "$26",          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-tomato-soup-with-melted-parmesan-inside-blue-plate_114579-2908.jpg"},
       ]}
+      title="Signature Creations"
+      description="Indulge in our carefully selected signature dishes, designed to delight your senses."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      title="What Guests Say"
-      description="Real stories from our patrons."
-      textboxLayout="split"
+      <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonials={[
+      testimonial="The atmosphere at Lumière is simply unmatched. Every dish we tasted was an absolute masterpiece, and the service was attentive without being intrusive. Truly a fine dining gem."
+      rating={5}
+      author="Sarah Jenkins"
+      avatars={[
         {
-          id: "t1",          title: "Incredible",          quote: "The atmosphere at Lumière is simply unmatched. Every dish was a masterpiece.",          name: "Sarah Jenkins",          role: "Regular Diner",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg"
-        }
+          src: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg",          alt: "Reviewer"},
+        {
+          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517403.jpg",          alt: "Reviewer"},
+        {
+          src: "http://img.b2bpic.net/free-photo/high-angle-man-restaurant_23-2148395381.jpg",          alt: "Reviewer"},
+        {
+          src: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-dinner-together_23-2148454092.jpg",          alt: "Reviewer"},
+        {
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg",          alt: "Reviewer"},
       ]}
+      ratingAnimation="blur-reveal"
+      avatarsAnimation="blur-reveal"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      title="Common Questions"
-      description="Get answers to your inquiries."
-      faqsAnimation="blur-reveal"
-      textboxLayout="split"
+      <FaqDouble
+      textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        { id: "f1", title: "Do I need a reservation?", content: "Yes, highly recommended." },
-        { id: "f2", title: "Vegetarian options?", content: "We have a dedicated menu." }
+        {
+          id: "f1",          title: "Do I need a reservation?",          content: "Yes, we highly recommend making a reservation to secure your table, especially on weekends and holidays."},
+        {
+          id: "f2",          title: "Are there vegetarian options?",          content: "Certainly! We offer a dedicated seasonal vegetarian tasting menu and various options for every course."},
+        {
+          id: "f3",          title: "What is the dress code?",          content: "We maintain a business casual dress code to ensure a comfortable fine dining atmosphere for all our guests."},
       ]}
+      title="Frequently Asked Questions"
+      description="Have questions about dining with us? We've gathered some helpful information below."
+      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      tag="Contact Us"
-      title="Get in touch"
-      description="We would love to hear from you for private events or general questions."
-      imageSrc="http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg?_wi=2"
+      <ContactText
+      text="Contact our team today to learn more about our private event bookings, special dining packages, or any inquiries you may have about our menu."
+      background={{
+        variant: "sparkles-gradient"
+      }}
       useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
+      buttons={[
+          {
+              text: "Send Message",              href: "mailto:hello@lumieredining.com"
+          }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterLogoEmphasis
       logoText="Lumière Dining"
-      imageSrc="http://img.b2bpic.net/free-photo/couple-holding-hands-table-restaurant_23-2148014447.jpg"
       columns={[
-        { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#menu" }] },
-        { title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Reservations", href: "#contact" }] }
+        {
+          items: [
+            { label: "About", href: "#about" },
+            { label: "Menu", href: "#menu" },
+            { label: "Reviews", href: "#testimonials" }
+          ]
+        },
+        {
+          items: [
+            { label: "Reservations", href: "#contact" },
+            { label: "FAQs", href: "#faq" },
+            { label: "Contact", href: "#contact" }
+          ]
+        }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}