Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import TextAbout from "@/components/sections/about/TextAbout";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
@@ -37,15 +37,17 @@ export default function SkincareTemplatePage() {
             </div>
 
             <div id="hero" data-section="hero">
-                <HeroLogoBillboard
-                    logoText="Luminé Coastal"
+                <HeroBillboardCarousel
+                    title="Luminé Coastal"
                     description="Sophisticated skincare inspired by the tranquility of the coast. Pure, botanical, and deeply restorative."
                     background={{ variant: "sparkles-gradient" }}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp"
+                    mediaItems={[
+                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp", imageAlt: "Coastal Skincare" },
+                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp?_wi=1", imageAlt: "Coastal Collection" }
+                    ]}
                     buttons={[
                         { text: "View Collection", href: "#products" }
                     ]}
-                    mediaAnimation="slide-up"
                 />
             </div>
 
@@ -62,7 +64,7 @@ export default function SkincareTemplatePage() {
                     title="Coastal Essentials"
                     description="Curated beauty rituals designed to elevate your daily routine."
                     products={[
-                        { id: "1", brand: "Luminé", name: "Hydrating Mist", price: "$68", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp" },
+                        { id: "1", brand: "Luminé", name: "Hydrating Mist", price: "$68", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp?_wi=2" },
                         { id: "2", brand: "Luminé", name: "Restorative Oil", price: "$85", rating: 5, reviewCount: "96", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp" }
                     ]}
                     gridVariant="two-columns-alternating-heights"