Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -32,41 +32,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Menu", id: "menu" },
-          name: "About",          id: "about"},
+        { name: "RR Giant Slice", id: "products" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Menu",          id: "menu"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Royal Regal"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlay
+      <HeroBillboardCarousel
       title="Royal Regal Cafe & Lounge"
       description="Experience sophistication in every sip and taste. A sanctuary of elegance for connoisseurs."
+      background={{ variant: "plain" }}
       buttons={[
-        {
+        { text: "Reserve Now", href: "#contact" },
-          text: "Reserve Now",          href: "#contact"},
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DreOj5GD1MknQ1jzC8TD8FpfnX/uploaded-1779044862665-cehg2s95.png"
+      mediaItems={[
-      avatars={[
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DreOj5GD1MknQ1jzC8TD8FpfnX/uploaded-1779044862665-cehg2s95.png", imageAlt: "Elegant cafe setting" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481543.jpg", imageAlt: "Venue decor" }
-          src: "http://img.b2bpic.net/free-photo/beautiful-roses-front-couple-dating-together_23-2147891101.jpg",          alt: "Couple dating in elegant cafe"},
-        {
-          src: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481543.jpg",          alt: "Sophisticated venue decor"},
-        {
-          src: "http://img.b2bpic.net/free-photo/decorative-dreamy-arrangement-with-dried-flowers_23-2151363334.jpg",          alt: "Dreamy floral arrangement"},
-        {
-          src: "http://img.b2bpic.net/free-photo/crystal-vase-with-gorgeous-bouquet_23-2148029206.jpg",          alt: "Gorgeous crystal bouquet"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-girl-dressed-elegant-gray-dress-holds-cup-takeaway-coffee-looking-camera-while-sitting-table-room-with-loft-interior_613910-5116.jpg",          alt: "Distinguished patron enjoying coffee"},
       ]}
-      avatarText="Join 50,000+ satisfied guests"
     />
   </div>
 
@@ -89,12 +76,9 @@ export default function LandingPage() {
       title="The Culinary Journey"
       description="Explore our curated offerings, ranging from artisanal morning brews to sophisticated evening lounge fare."
       accordionItems={[
-        {
+        { id: "1", title: "Breakfast Elegance", content: "Start your day with perfectly crafted pastries and ethically sourced coffees." },
-          id: "1",          title: "Breakfast Elegance",          content: "Start your day with perfectly crafted pastries and ethically sourced coffees."},
+        { id: "2", title: "Gourmet Lunch", content: "Elevated bistro staples designed to fuel your afternoon with flavor." },
-        {
+        { id: "3", title: "Lounge After Dark", content: "Handcrafted cocktails and fine small plates for a perfect evening atmosphere." },
-          id: "2",          title: "Gourmet Lunch",          content: "Elevated bistro staples designed to fuel your afternoon with flavor."},
-        {
-          id: "3",          title: "Lounge After Dark",          content: "Handcrafted cocktails and fine small plates for a perfect evening atmosphere."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-delicious-cooked-meat-with-vegetables_181624-35358.jpg"
       mediaAnimation="blur-reveal"
@@ -108,18 +92,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "rr-slice", name: "RR Giant Pizza Slice", price: "$169", imageSrc: "https://img.b2bpic.net/free-photo/delicious-pizza-slice-with-melted-cheese_140725-7836.jpg" },
-          id: "p1",          name: "Royal Espresso",          price: "$8",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg"},
+        { id: "p1", name: "Royal Espresso", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg" },
-        {
+        { id: "p2", name: "Velvet Pastry", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/slice-caramel-cake-wooden-platter_114579-18500.jpg" },
-          id: "p2",          name: "Velvet Pastry",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/slice-caramel-cake-wooden-platter_114579-18500.jpg"},
+        { id: "p3", name: "Regal Brunch", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/mixed-sliced-fruits-plate_140725-6443.jpg" },
-        {
+        { id: "p4", name: "Bistro Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/canned-fish-with-boiled-potato-slices-cucumber-pickles-red-onion-lettuce-pomegranate_140725-467.jpg" },
-          id: "p3",          name: "Regal Brunch",          price: "$24",          imageSrc: "http://img.b2bpic.net/free-photo/mixed-sliced-fruits-plate_140725-6443.jpg"},
+        { id: "p5", name: "Artisan Entree", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg" },
-        {
-          id: "p4",          name: "Bistro Salad",          price: "$18",          imageSrc: "http://img.b2bpic.net/free-photo/canned-fish-with-boiled-potato-slices-cucumber-pickles-red-onion-lettuce-pomegranate_140725-467.jpg"},
-        {
-          id: "p5",          name: "Artisan Entree",          price: "$32",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg"},
-        {
-          id: "p6",          name: "Midnight Sip",          price: "$15",          imageSrc: "http://img.b2bpic.net/free-photo/crystal-glass-cocktail-garnished-with-flower-orange-zest_140725-5997.jpg"},
       ]}
       title="Signature Selections"
       description="A glimpse into our curated culinary repertoire."
@@ -132,16 +110,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Eleanor V.", handle: "@eleanor_v", testimonial: "An exquisite escape in the heart of the city. Truly refined.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-with-friends-while-drinking-beer-communicating-tavern_637285-2421.jpg" },
-          id: "t1",          name: "Eleanor V.",          handle: "@eleanor_v",          testimonial: "An exquisite escape in the heart of the city. Truly refined.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-with-friends-while-drinking-beer-communicating-tavern_637285-2421.jpg"},
+        { id: "t2", name: "Julian S.", handle: "@julian_s", testimonial: "The atmosphere is unmatched. Perfect for business and leisure.", imageSrc: "http://img.b2bpic.net/free-photo/barman-relaxing-couch_23-2147821276.jpg" },
-        {
+        { id: "t3", name: "Claire M.", handle: "@claire_m", testimonial: "Every bite is perfection. Royal Regal sets the gold standard.", imageSrc: "http://img.b2bpic.net/free-photo/calm-morning-with-cup-coffee-home-cozy-peaceful-moment_169016-69175.jpg" },
-          id: "t2",          name: "Julian S.",          handle: "@julian_s",          testimonial: "The atmosphere is unmatched. Perfect for business and leisure.",          imageSrc: "http://img.b2bpic.net/free-photo/barman-relaxing-couch_23-2147821276.jpg"},
+        { id: "t4", name: "David L.", handle: "@david_l", testimonial: "Exceptional service, sophisticated ambiance, divine coffee.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517426.jpg" },
-        {
+        { id: "t5", name: "Sophia B.", handle: "@sophia_b", testimonial: "Simply the best evening spot for cocktails and conversation.", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-71154.jpg" },
-          id: "t3",          name: "Claire M.",          handle: "@claire_m",          testimonial: "Every bite is perfection. Royal Regal sets the gold standard.",          imageSrc: "http://img.b2bpic.net/free-photo/calm-morning-with-cup-coffee-home-cozy-peaceful-moment_169016-69175.jpg"},
-        {
-          id: "t4",          name: "David L.",          handle: "@david_l",          testimonial: "Exceptional service, sophisticated ambiance, divine coffee.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517426.jpg"},
-        {
-          id: "t5",          name: "Sophia B.",          handle: "@sophia_b",          testimonial: "Simply the best evening spot for cocktails and conversation.",          imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-71154.jpg"},
       ]}
       title="Voices of Regal Guests"
       description="Hear what our distinguished patrons have to say about their experience."
@@ -154,15 +127,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: Coffee, title: "Brews Served", value: "50k+" },
-          id: "m1",          icon: Coffee,
+        { id: "m2", icon: Star, title: "Guest Reviews", value: "1.2k+" },
-          title: "Brews Served",          value: "50k+"},
+        { id: "m3", icon: Award, title: "Years Experience", value: "10+" },
-        {
-          id: "m2",          icon: Star,
-          title: "Guest Reviews",          value: "1.2k+"},
-        {
-          id: "m3",          icon: Award,
-          title: "Years Experience",          value: "10+"},
       ]}
       title="By The Numbers"
       description="Delivering excellence one experience at a time."
@@ -174,12 +141,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Do I need a reservation?", content: "For prime time evening slots, reservations are highly recommended." },
-          id: "f1",          title: "Do I need a reservation?",          content: "For prime time evening slots, reservations are highly recommended."},
+        { id: "f2", title: "Is the lounge child-friendly?", content: "Our lounge area is an adult-focused environment after 6 PM." },
-        {
+        { id: "f3", title: "Do you host private events?", content: "Yes, we offer custom event packages for private gatherings." },
-          id: "f2",          title: "Is the lounge child-friendly?",          content: "Our lounge area is an adult-focused environment after 6 PM."},
-        {
-          id: "f3",          title: "Do you host private events?",          content: "Yes, we offer custom event packages for private gatherings."},
       ]}
       title="Common Inquiries"
       description="Get answers to your questions about Royal Regal."
@@ -190,12 +154,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "canvas-reveal" }}
-        variant: "canvas-reveal"}}
       text="Join our inner circle for exclusive event invites and seasonal tasting menus. We look forward to hosting you."
       buttons={[
-        {
+        { text: "Contact Us", href: "mailto:hello@royalregal.cafe" },
-          text: "Contact Us",          href: "mailto:hello@royalregal.cafe"},
       ]}
     />
   </div>
@@ -206,20 +168,15 @@ export default function LandingPage() {
       columns={[
         {
           title: "Navigate",          items: [
-            {
+            { label: "Home", href: "#hero" },
-              label: "Home",              href: "#hero"},
+            { label: "About", href: "#about" },
-            {
+            { label: "Menu", href: "#menu" },
-              label: "About",              href: "#about"},
-            {
-              label: "Menu",              href: "#menu"},
           ],
         },
         {
           title: "Legal",          items: [
-            {
+            { label: "Privacy", href: "#" },
-              label: "Privacy",              href: "#"},
+            { label: "Terms", href: "#" },
-            {
-              label: "Terms",              href: "#"},
           ],
         },
       ]}