Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,11 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import { Sparkles, BarChart3, Users, Settings } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -25,292 +26,90 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Reserve",
-          id: "reserve",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Elysian Dining"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Elysian Dining"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Exceptional Dining Awaits You Here"
-      description="Explore our carefully crafted menu, reserve your table instantly, and discover why locals love us. Warm hospitality and unforgettable flavors in every visit."
-      kpis={[
-        {
-          value: "15+",
-          label: "Years Served",
-        },
-        {
-          value: "4.9",
-          label: "Star Rating",
-        },
-        {
-          value: "50+",
-          label: "Daily Specials",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Reserve Your Table Now",
-          href: "#reserve",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/dinner-is-served_53876-23367.jpg"
-      imageAlt="Gourmet dining experience"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168971.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fried-fish-decorated-with-red-black-caviar-served-with-sauce_140725-8437.jpg",
-          alt: "Customer",
-        },
-      ]}
-      avatarText="Join 5,000+ satisfied diners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Freshly Sourced",
-        },
-        {
-          type: "text",
-          text: "Award Winning",
-        },
-        {
-          type: "text",
-          text: "Artisan Crafted",
-        },
-        {
-          type: "text",
-          text: "Family Owned",
-        },
-        {
-          type: "text",
-          text: "Authentic Flavors",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroBillboardGallery
+            title="Exceptional Dining Awaits"
+            description="Discover a fusion of art, flavor, and hospitality in every dish we serve."
+            background={{ variant: "gradient-bars" }}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/dinner-is-served_53876-23367.jpg", imageAlt: "Dining" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-decorated-with-red-black-caviar-served-with-sauce_140725-8437.jpg", imageAlt: "Seafood" }
+            ]}
+            buttons={[{ text: "Explore Menu" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Our Culinary Passion"
-      description="At Elysian Dining, we believe food is an art form. Every dish is a testament to our commitment to locally sourced ingredients and time-honored culinary traditions, designed to create moments that last."
-      bulletPoints={[
-        {
-          title: "Farm to Table",
-          description: "We source ingredients from local farms daily.",
-        },
-        {
-          title: "Artisan Craft",
-          description: "Hand-crafted dishes by master chefs.",
-        },
-        {
-          title: "Warm Ambience",
-          description: "Elegant setting for your special moments.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/female-cook-kitchen-cafe_1303-26156.jpg"
-      imageAlt="Professional culinary team"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="dashboard" data-section="dashboard">
+          <HeroBillboardDashboard
+            title="Our Performance"
+            description="Real-time insights into our kitchen operations and customer satisfaction metrics."
+            background={{ variant: "plain" }}
+            dashboard={{
+              title: "Service Analytics",              stats: [
+                { title: "Orders", values: [120, 150, 140], description: "Daily volume" },
+                { title: "Revenue", values: [5000, 6200, 5800], valuePrefix: "$", description: "Weekly trend" },
+                { title: "Rating", values: [4, 5, 5], description: "Customer score" }
+              ],
+              logoIcon: BarChart3,
+              sidebarItems: [{ icon: Users, active: true }, { icon: Settings }],
+              listItems: [{ icon: Sparkles, title: "New Special", status: "Active" }],
+              buttons: [{ text: "View Reports" }],
+              imageSrc: "http://img.b2bpic.net/free-photo/female-cook-kitchen-cafe_1303-26156.jpg"
+            }}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Pan-Seared Scallops",
-          price: "$32",
-          variant: "Starter",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-decorated-with-red-black-caviar-served-with-sauce_140725-8437.jpg",
-        },
-        {
-          id: "2",
-          name: "Handmade Wild Mushroom Ravioli",
-          price: "$28",
-          variant: "Main",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-vegetables-grated-cheese_141793-898.jpg",
-        },
-        {
-          id: "3",
-          name: "Valrhona Chocolate Torte",
-          price: "$16",
-          variant: "Dessert",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-strawberries-white-surface-birthday-celebration-cake-sweet-biscuit-cookie_140725-101972.jpg",
-        },
-      ]}
-      title="Signature Menu"
-      description="Discover our collection of curated dishes that celebrate flavor, quality, and creativity."
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="Our Culinary Journey"
+            description="Crafting memorable dining experiences through tradition and innovation."
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Amazing Atmosphere",
-          quote: "The most incredible dining experience I've had in years. Every detail was perfect.",
-          name: "Sarah Miller",
-          role: "Food Critic",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Exquisite Flavors",
-          quote: "The mushroom ravioli is absolutely to die for. Can't wait to come back.",
-          name: "James & Elena",
-          role: "Foodies",
-          imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg",
-        },
-        {
-          id: "3",
-          title: "Top Notch Service",
-          quote: "Staff was incredibly attentive and the food arrived promptly. Highly recommended.",
-          name: "Marcus Chen",
-          role: "Professional",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
-        },
-        {
-          id: "4",
-          title: "Best Dessert!",
-          quote: "The chocolate torte was the perfect finish to an already spectacular meal.",
-          name: "Emily Watson",
-          role: "Regular Patron",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168971.jpg",
-        },
-        {
-          id: "5",
-          title: "Simply Perfect",
-          quote: "A hidden gem in the city. The service and flavors are unmatched.",
-          name: "Liam Bennett",
-          role: "Diner",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg?_wi=2",
-        },
-      ]}
-      title="Diner Experiences"
-      description="Hear what our wonderful guests have to say about their dining experience."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            title="Why Choose Us"
+            description="We blend fresh local produce with professional culinary techniques."
+            features={[
+              { id: 1, title: "Farm Fresh", description: "Locally sourced ingredients daily.", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-vegetables-grated-cheese_141793-898.jpg" },
+              { id: 2, title: "Expert Chefs", description: "Masterful preparation of every plate.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Visit us at 123 Gourmet Lane, Food City. We are open for lunch and dinner daily. Reserve your table today and taste the difference."
-      buttons={[
-        {
-          text: "Reserve Your Table Now",
-          href: "#reserve",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            text="Reserve your table at Elysian Dining today."
+            buttons={[{ text: "Book Now" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Our Menu",
-              href: "#menu",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Elysian Dining"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "#home" }, { label: "Contact", href: "#contact" }] }]}
+            logoText="Elysian Dining"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}