Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -33,90 +33,23 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="L'Emeraude"
-      button={{
-        text: "Reserve Now",
-        href: "#contact",
-      }}
+      button={{ text: "Reserve Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Exceptional cuisine meets artisan coffee culture"
-      description="Discover refined dining and handcrafted beverages in an elegant, welcoming atmosphere. Whether you're here for breakfast, lunch, dinner, or a quiet work session, L'Emeraude delivers an unforgettable experience."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/grey-coffee-cup-table-caf_23-2147893240.jpg",
-          alt: "Diner",
-        },
-      ]}
-      avatarText="Join our local food community"
-      buttons={[
-        {
-          text: "Reserve Your Table",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Freshly Roasted Coffee",
-        },
-        {
-          type: "text",
-          text: "Locally Sourced Ingredients",
-        },
-        {
-          type: "text",
-          text: "Fine Dining Atmosphere",
-        },
-        {
-          type: "text",
-          text: "Artisan Pastries",
-        },
-        {
-          type: "text",
-          text: "Private Event Catering",
-        },
-      ]}
-    />
+      <HeroBillboardScroll
+        title="Exceptional cuisine meets artisan coffee culture"
+        description="Discover refined dining and handcrafted beverages in an elegant, welcoming atmosphere. Whether you’re here for breakfast, lunch, dinner, or a quiet work session, LEmeraude delivers an unforgettable experience."
+        buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
+        background={{ variant: "gradient-bars" }}
+      />
   </div>
 
   <div id="about" data-section="about">
@@ -138,27 +71,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Artisan Coffee",
-          description: "Handpicked beans roasted daily for the perfect brew.",
-          tag: "Coffee Culture",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-background-with-copy-space_1194-638611.jpg",
-        },
-        {
-          id: "f2",
-          title: "Farm-to-Table",
-          description: "Fresh, locally sourced seasonal produce on your plate.",
-          tag: "Ingredients",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-slices-arrangement-with-vegetables_23-2148601656.jpg",
-        },
-        {
-          id: "f3",
-          title: "Cozy Atmosphere",
-          description: "Reliable WiFi and calm vibes, perfect for work or play.",
-          tag: "Vibe",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg",
-        },
+        { id: "f1", title: "Artisan Coffee", description: "Handpicked beans roasted daily for the perfect brew.", tag: "Coffee Culture", imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-background-with-copy-space_1194-638611.jpg" },
+        { id: "f2", title: "Farm-to-Table", description: "Fresh, locally sourced seasonal produce on your plate.", tag: "Ingredients", imageSrc: "http://img.b2bpic.net/free-photo/pizza-slices-arrangement-with-vegetables_23-2148601656.jpg" },
+        { id: "f3", title: "Cozy Atmosphere", description: "Reliable WiFi and calm vibes, perfect for work or play.", tag: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg" },
       ]}
       title="Why Choose Us"
       description="More than just a meal; an experience tailored for your lifestyle."
@@ -172,42 +87,12 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Avocado Sourdough",
-          price: "$14",
-          imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-797.jpg",
-        },
-        {
-          id: "p2",
-          name: "Artisan Latte",
-          price: "$6",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-style-asian-coffee-set_53876-147836.jpg",
-        },
-        {
-          id: "p3",
-          name: "Seasonal Power Bowl",
-          price: "$18",
-          imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-cucumber-tomato-bell-pepper-onion-cheese_141793-17498.jpg",
-        },
-        {
-          id: "p4",
-          name: "French Butter Croissant",
-          price: "$5",
-          imageSrc: "http://img.b2bpic.net/free-photo/drawings-near-pastry-hot-chocolate_23-2147817007.jpg",
-        },
-        {
-          id: "p5",
-          name: "Pan-Seared Steak",
-          price: "$28",
-          imageSrc: "http://img.b2bpic.net/free-photo/egg-benedict-steak-with-mashed-batata-mushroom-sauce_637285-9511.jpg",
-        },
-        {
-          id: "p6",
-          name: "Signature Spritz",
-          price: "$12",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-daiquiri-cocktail-with-orange-high-angle_23-2149418284.jpg",
-        },
+        { id: "p1", name: "Avocado Sourdough", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-797.jpg" },
+        { id: "p2", name: "Artisan Latte", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/old-style-asian-coffee-set_53876-147836.jpg" },
+        { id: "p3", name: "Seasonal Power Bowl", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-cucumber-tomato-bell-pepper-onion-cheese_141793-17498.jpg" },
+        { id: "p4", name: "French Butter Croissant", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/drawings-near-pastry-hot-chocolate_23-2147817007.jpg" },
+        { id: "p5", name: "Pan-Seared Steak", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/egg-benedict-steak-with-mashed-batata-mushroom-sauce_637285-9511.jpg" },
+        { id: "p6", name: "Signature Spritz", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/tasty-daiquiri-cocktail-with-orange-high-angle_23-2149418284.jpg" },
       ]}
       title="Our Menu"
       description="Curated dishes and beverages crafted by our expert culinary team."
@@ -220,40 +105,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "membership",
-          badge: "Loyalty",
-          price: "$99",
-          subtitle: "Monthly Perks",
-          features: [
-            "10% off coffee",
-            "Priority reservations",
-            "Free birthday meal",
-          ],
-          buttons: [
-            {
-              text: "Join Club",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "catering",
-          badge: "Events",
-          price: "Custom",
-          subtitle: "Private Dining",
-          features: [
-            "Full service catering",
-            "Menu customization",
-            "Venue rental",
-          ],
-          buttons: [
-            {
-              text: "Book Event",
-              href: "#contact",
-            },
-          ],
-        },
+        { id: "membership", badge: "Loyalty", price: "$99", subtitle: "Monthly Perks", features: ["10% off coffee", "Priority reservations", "Free birthday meal"], buttons: [{ text: "Join Club", href: "#contact" }] },
+        { id: "catering", badge: "Events", price: "Custom", subtitle: "Private Dining", features: ["Full service catering", "Menu customization", "Venue rental"], buttons: [{ text: "Book Event", href: "#contact" }] },
       ]}
       title="Dining Plans"
       description="Membership and event packages for loyal patrons."
@@ -266,27 +119,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "12k+",
-          title: "Coffee Cups Served",
-          description: "Hand-poured daily.",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate_23-2149703763.jpg",
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          title: "Loyal Members",
-          description: "Our local neighborhood family.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg",
-        },
-        {
-          id: "m3",
-          value: "20+",
-          title: "Local Farmers",
-          description: "Partners in quality ingredients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-basket-with-delicious-vegetables_23-2149128106.jpg",
-        },
+        { id: "m1", value: "12k+", title: "Coffee Cups Served", description: "Hand-poured daily.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate_23-2149703763.jpg" },
+        { id: "m2", value: "5k+", title: "Loyal Members", description: "Our local neighborhood family.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg" },
+        { id: "m3", value: "20+", title: "Local Farmers", description: "Partners in quality ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-basket-with-delicious-vegetables_23-2149128106.jpg" },
       ]}
       title="Serving Quality"
       description="Our numbers reflect our dedication to the dining experience."
@@ -300,46 +135,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Foodie",
-          company: "Local Guide",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107594.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          role: "Regular",
-          company: "Tech Lead",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-holding-mobile-phone-near-ear-takeaway-coffee-cup-looking-camera-laughing-isolated-blue-background_141793-134551.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Visitor",
-          company: "Marketing",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/holding-bottle-good-champagne_329181-7278.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Coffee Enthusiast",
-          company: "Designer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg",
-        },
-        {
-          id: "5",
-          name: "Clara P.",
-          role: "Frequent Diner",
-          company: "Architect",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-sitting-restaurant-drinking-coffee_114579-92380.jpg",
-        },
+        { id: "1", name: "Sarah J.", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107594.jpg" },
+        { id: "2", name: "Michael C.", role: "Regular", company: "Tech Lead", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-holding-mobile-phone-near-ear-takeaway-coffee-cup-looking-camera-laughing-isolated-blue-background_141793-134551.jpg" },
+        { id: "3", name: "Emily R.", role: "Visitor", company: "Marketing", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/holding-bottle-good-champagne_329181-7278.jpg" },
       ]}
       title="Guest Voices"
       description="Hear what our wonderful guests have to say."
@@ -351,21 +149,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you accept walk-ins?",
-          content: "Yes, we always welcome walk-ins, though reservations are recommended for busy weekends.",
-        },
-        {
-          id: "q2",
-          title: "Is your space WiFi friendly?",
-          content: "We offer complimentary high-speed WiFi for all of our coffee patrons.",
-        },
-        {
-          id: "q3",
-          title: "Do you have vegan options?",
-          content: "Our menu features several plant-based and vegan-friendly dishes throughout the day.",
-        },
+        { id: "q1", title: "Do you accept walk-ins?", content: "Yes, we always welcome walk-ins, though reservations are recommended for busy weekends." },
+        { id: "q2", title: "Is your space WiFi friendly?", content: "We offer complimentary high-speed WiFi for all of our coffee patrons." },
+        { id: "q3", title: "Do you have vegan options?", content: "Our menu features several plant-based and vegan-friendly dishes throughout the day." },
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about dining with us."
@@ -379,24 +165,10 @@ export default function LandingPage() {
       title="Secure Your Table"
       description="We look forward to welcoming you soon."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Number of guests, date, time...",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "Number of guests, date, time...", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913714.jpg"
     />
   </div>
@@ -404,50 +176,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }, { label: "Careers", href: "#" }] },
+        { items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoText="L'Emeraude"
     />
@@ -455,4 +186,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}