Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -58,26 +58,11 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
+      <HeroBillboardCarousel
       background={{
         variant: "radial-gradient"}}
       title="Discover Your Signature Scent"
       description="Experience the art of perfumery with AromaLux. Handcrafted fragrances designed to captivate and inspire."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253105.jpg",          alt: "Elegant perfume bottle"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420734.jpg",          alt: "Minimalist white perfume"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg",          alt: "Modern perfume bottle"},
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234340.jpg",          alt: "Natural elements perfume"},
-        {
-          src: "http://img.b2bpic.net/free-photo/luxury-perfume-container_1048-1922.jpg",          alt: "Luxury shimmer perfume"},
-        {
-          src: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263174.jpg",          alt: "Artistic reflection perfume"},
-      ]}
-      avatarText="Explore our captivating range"
       buttons={[
         {
           text: "Explore Collection",          href: "#products"},
@@ -85,17 +70,16 @@ export default function LandingPage() {
           text: "Our Story",          href: "#about"},
       ]}
       buttonAnimation="slide-up"
-      marqueeItems={[
+      mediaItems={[
         {
-          type: "text",          text: "Exquisite Craftsmanship"},
+          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg?_wi=1",          imageAlt: "Monochrome beauty product"
+        },
         {
-          type: "text",          text: "Sustainable Luxury"},
+          imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg?_wi=1",          imageAlt: "Swirls foam blue liquid"
+        },
         {
-          type: "text",          text: "Timeless Elegance"},
-        {
-          type: "text",          text: "Signature Scents"},
-        {
-          type: "text",          text: "Art of Fragrance"},
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg?_wi=1",          imageAlt: "Still life cosmetic products"
+        }
       ]}
     />
   </div>
@@ -146,11 +130,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",          name: "Aura Bloom",          price: "$120",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg",          imageAlt: "Aura Bloom Perfume"},
+          id: "p1",          name: "Aura Bloom",          price: "$120",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg?_wi=2",          imageAlt: "Aura Bloom Perfume"},
         {
-          id: "p2",          name: "Serenity Mist",          price: "$110",          variant: "Eau de Toilette",          imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg",          imageAlt: "Serenity Mist Perfume"},
+          id: "p2",          name: "Serenity Mist",          price: "$110",          variant: "Eau de Toilette",          imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg?_wi=2",          imageAlt: "Serenity Mist Perfume"},
         {
-          id: "p3",          name: "Ignite Elixir",          price: "$135",          variant: "Extrait de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg",          imageAlt: "Ignite Elixir Perfume"},
+          id: "p3",          name: "Ignite Elixir",          price: "$135",          variant: "Extrait de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg?_wi=2",          imageAlt: "Ignite Elixir Perfume"},
         {
           id: "p4",          name: "Blooming Charm",          price: "$105",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-yellow-flower-arrangement_23-2149353084.jpg",          imageAlt: "Blooming Charm Perfume"},
         {