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,110 +30,34 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Cakes",
-          id: "products",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Cakes", id: "products" },
+        { name: "Gallery", id: "gallery" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Murli Bakery"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "radial-gradient",
-      }}
+      <HeroBillboardCarousel
+      background={{ variant: "sparkles-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={[
-        {
-          value: "4.2★",
-          label: "Google Rating",
-        },
-        {
-          value: "886+",
-          label: "Happy Reviews",
-        },
-        {
-          value: "Daily",
-          label: "Freshly Baked",
-        },
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/cake-with-whipped-cream-topping-chocolate_140725-3123.jpg", imageAlt: "Happy customer 1" },
+        { 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" },
+        { 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" },
+        { 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: "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",
-        },
+        { text: "Order Cake Now", href: "#contact" },
+        { text: "Call Now", href: "tel:+919876543210" },
       ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -144,42 +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: "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: "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",
-        },
+        { 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: "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: "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."
@@ -192,18 +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: "100%",
-          title: "Veg Bakery",
-        },
-        {
-          value: "Premium",
-          title: "Ingredients",
-        },
+        { value: "Fresh", title: "Daily Baked" },
+        { 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"
@@ -218,46 +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: "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",
-        },
-        {
-          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",
-        },
+        { 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: "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" },
+        { 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."
@@ -270,23 +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: "a2",
-          title: "Pastries & Puffs",
-          content: "Freshly baked quick snacks daily.",
-        },
-        {
-          id: "a3",
-          title: "Custom Designs",
-          content: "Bring us your inspiration, we bake it.",
-        },
+        { 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." },
       ]}
-      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>
@@ -296,21 +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: "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: "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." },
       ]}
       title="Visit Our Store"
       description="Located in the heart of Anjar, opposite Khetarpal Mandir."
@@ -321,29 +147,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ 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."
+      tagAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Murli Bakery"
-      leftLink={{
-        text: "Call: +91 98765 43210",
-        href: "tel:+919876543210",
-      }}
-      rightLink={{
-        text: "WhatsApp Us",
-        href: "https://wa.me/919876543210",
-      }}
+      leftLink={{ text: "Call: +91 98765 43210", href: "tel:+919876543210" }}
+      rightLink={{ text: "WhatsApp Us", href: "https://wa.me/919876543210" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}