Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -30,69 +30,34 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Cakes", id: "products" },
-        {
+        { name: "Gallery", id: "gallery" },
-          name: "Cakes",          id: "products"},
+        { name: "About", id: "about" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Gallery",          id: "gallery"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Murli Bakery"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitKpi
+      <HeroBillboardCarousel
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "radial-gradient"}}
       title="Fresh Cakes & Sweet Celebrations in Anjar"
       description="Custom birthday cakes, pastries, puffs, and fresh bakery items made with quality ingredients and loved by hundreds of customers. Murli Bakery brings sweetness to every moment."
-      kpis={[
+      mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/cake-with-whipped-cream-topping-chocolate_140725-3123.jpg", imageAlt: "Happy customer 1" },
-          value: "4.2★",          label: "Google Rating"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232358.jpg", imageAlt: "Happy customer 2" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/sweet-candy-bar-wedding-celebration-party_482257-31517.jpg", imageAlt: "Happy customer 3" },
-          value: "886+",          label: "Happy Reviews"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/couple-barkeepers_23-2147821310.jpg", imageAlt: "Happy customer 4" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-indoors_23-2151030592.jpg", imageAlt: "Happy customer 5" },
-          value: "Daily",          label: "Freshly Baked"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-arrangement_23-2148960457.jpg?_wi=1", imageAlt: "Happy customer 6" }
       ]}
-      enableKpiAnimation={true}
       buttons={[
-        {
+        { text: "Order Cake Now", href: "#contact" },
-          text: "Order Cake Now",          href: "#contact"},
+        { text: "Call Now", href: "tel:+919876543210" },
-        {
-          text: "Call Now",          href: "tel:+919876543210"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/food-dessert-representative-elements_23-2149177029.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cake-with-whipped-cream-topping-chocolate_140725-3123.jpg",          alt: "Happy customer 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232358.jpg",          alt: "Happy customer 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/sweet-candy-bar-wedding-celebration-party_482257-31517.jpg",          alt: "Happy customer 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-barkeepers_23-2147821310.jpg",          alt: "Happy customer 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-indoors_23-2151030592.jpg",          alt: "Happy customer 5"},
-      ]}
-      avatarText="Loved by 800+ locals"
-      marqueeItems={[
-        {
-          type: "text",          text: "Birthday Cakes"},
-        {
-          type: "text",          text: "Fresh Pastries"},
-        {
-          type: "text",          text: "Custom Designs"},
-        {
-          type: "text",          text: "Daily Specials"},
-        {
-          type: "text",          text: "Premium Ingredients"},
       ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -103,18 +68,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Kpop Cakes", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423829.jpg" },
-          id: "p1",          name: "Kpop Cakes",          price: "₹450",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423829.jpg"},
+        { id: "p2", name: "Butterfly Cakes", price: "₹550", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-birthday-event-with-cake-confetti_23-2149312329.jpg" },
-        {
+        { id: "p3", name: "Chocolate Delite", price: "₹400", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-chocolate-cake-glass-plate-table_181624-32521.jpg" },
-          id: "p2",          name: "Butterfly Cakes",          price: "₹550",          imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-birthday-event-with-cake-confetti_23-2149312329.jpg"},
+        { id: "p4", name: "Pineapple Fresh", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-arrangement_23-2148960457.jpg?_wi=2" },
-        {
+        { id: "p5", name: "Teddy Theme", price: "₹600", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232349.jpg" },
-          id: "p3",          name: "Chocolate Delite",          price: "₹400",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-chocolate-cake-glass-plate-table_181624-32521.jpg"},
+        { id: "p6", name: "Pastry Assort", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-tiramisu-cake_114579-49420.jpg" },
-        {
-          id: "p4",          name: "Pineapple Fresh",          price: "₹350",          imageSrc: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-arrangement_23-2148960457.jpg"},
-        {
-          id: "p5",          name: "Teddy Theme",          price: "₹600",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232349.jpg"},
-        {
-          id: "p6",          name: "Pastry Assort",          price: "₹150",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-tiramisu-cake_114579-49420.jpg"},
       ]}
       title="Our Popular Cakes"
       description="Handcrafted with passion and premium ingredients. Discover our signature designs."
@@ -127,12 +86,9 @@ export default function LandingPage() {
       title="Why Choose Murli Bakery?"
       description="Serving Anjar with love and quality since years. We believe every celebration deserves the perfect sweet touch."
       metrics={[
-        {
+        { value: "Fresh", title: "Daily Baked" },
-          value: "Fresh",          title: "Daily Baked"},
+        { value: "100%", title: "Veg Bakery" },
-        {
+        { value: "Premium", title: "Ingredients" },
-          value: "100%",          title: "Veg Bakery"},
-        {
-          value: "Premium",          title: "Ingredients"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/big-biscuit-cake-with-cream-strawberries-cutted-portions_8353-10478.jpg"
       mediaAnimation="blur-reveal"
@@ -147,21 +103,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Anjali Patel", role: "Regular Customer", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-eating-sweets-coffee-shop_23-2148263260.jpg" },
-          id: "t1",          name: "Anjali Patel",          role: "Regular Customer",          company: "Local Resident",          rating: 5,
+        { id: "t2", name: "Rohan Mehta", role: "Parent", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-woman-garage-sale_23-2150540717.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/women-eating-sweets-coffee-shop_23-2148263260.jpg"},
+        { id: "t3", name: "Priya Shah", role: "Teacher", company: "Local Resident", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/decorating-muffins_1098-15549.jpg" },
-        {
+        { id: "t4", name: "Vijay Soni", role: "Professional", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-beautiful-brunette-girl-cosy-knitted-sweater-smiling-with-handful-confetti-yellow-wall_176420-11644.jpg" },
-          id: "t2",          name: "Rohan Mehta",          role: "Parent",          company: "Local Resident",          rating: 5,
+        { id: "t5", name: "Meena Dave", role: "Student", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-summer-clothescarefree-women-posing-veranda-cafe-streetpositive-models-drinking-white-wineenjoying-their-vacationeating-croissant_158538-24269.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-woman-garage-sale_23-2150540717.jpg"},
-        {
-          id: "t3",          name: "Priya Shah",          role: "Teacher",          company: "Local Resident",          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/decorating-muffins_1098-15549.jpg"},
-        {
-          id: "t4",          name: "Vijay Soni",          role: "Professional",          company: "Local Resident",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-beautiful-brunette-girl-cosy-knitted-sweater-smiling-with-handful-confetti-yellow-wall_176420-11644.jpg"},
-        {
-          id: "t5",          name: "Meena Dave",          role: "Student",          company: "Local Resident",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-summer-clothescarefree-women-posing-veranda-cafe-streetpositive-models-drinking-white-wineenjoying-their-vacationeating-croissant_158538-24269.jpg"},
       ]}
       title="What Our Customers Say"
       description="Trusted by hundreds across Anjar."
@@ -174,14 +120,11 @@ export default function LandingPage() {
       title="Our Creations"
       description="From custom wedding cakes to fun theme designs for kids."
       accordionItems={[
-        {
+        { id: "a1", title: "Celebration Cakes", content: "Stunning birthday and anniversary designs." },
-          id: "a1",          title: "Celebration Cakes",          content: "Stunning birthday and anniversary designs."},
+        { id: "a2", title: "Pastries & Puffs", content: "Freshly baked quick snacks daily." },
-        {
+        { id: "a3", title: "Custom Designs", content: "Bring us your inspiration, we bake it." },
-          id: "a2",          title: "Pastries & Puffs",          content: "Freshly baked quick snacks daily."},
-        {
-          id: "a3",          title: "Custom Designs",          content: "Bring us your inspiration, we bake it."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-delicious-cartoon-chocolate-cake_23-2151447622.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/3d-delicious-cartoon-cartoon-chocolate-cake_23-2151447622.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -191,12 +134,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Opening Hours", content: "Everyday: 9:00 AM - 10:00 PM" },
-          id: "q1",          title: "Opening Hours",          content: "Everyday: 9:00 AM - 10:00 PM"},
+        { id: "q2", title: "Location", content: "12 Meter Road, Patni Bazaar, Opposite Khetarpal Mandir, Anjar, Gujarat" },
-        {
+        { id: "q3", title: "Parking", content: "Ample parking available in front of the store." },
-          id: "q2",          title: "Location",          content: "12 Meter Road, Patni Bazaar, Opposite Khetarpal Mandir, Anjar, Gujarat"},
-        {
-          id: "q3",          title: "Parking",          content: "Ample parking available in front of the store."},
       ]}
       title="Visit Our Store"
       description="Located in the heart of Anjar, opposite Khetarpal Mandir."
@@ -207,8 +147,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient"}}
       tag="Inquiry"
       title="Order Your Custom Cake"
       description="Tell us about your celebration, and we will get back to you with pricing and design confirmation."
@@ -219,10 +158,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Murli Bakery"
-      leftLink={{
+      leftLink={{ text: "Call: +91 98765 43210", href: "tel:+919876543210" }}
-        text: "Call: +91 98765 43210",        href: "tel:+919876543210"}}
+      rightLink={{ text: "WhatsApp Us", href: "https://wa.me/919876543210" }}
-      rightLink={{
-        text: "WhatsApp Us",        href: "https://wa.me/919876543210"}}
     />
   </div>
       </ReactLenis>