diff --git a/src/app/page.tsx b/src/app/page.tsx
index 48127f5..7d4665e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
@@ -41,18 +41,18 @@ export default function SkincareTemplatePage() {
             </div>
 
             <div id="hero" data-section="hero">
-                <HeroLogoBillboard
-                    logoText="Luminé"
-                    description="Pure, natural skincare formulated for radiant, healthy skin. Discover the power of botanical ingredients and scientific innovation."
-                    background={{ variant: "sparkles-gradient" }}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp"
-                    imageAlt="Luxury skincare products with natural ingredients"
-                    frameStyle="card"
+                <HeroBillboardTiltedCarousel
+                    title="Pure Natural Skincare"
+                    description="Formulated for radiant, healthy skin using nature's finest ingredients."
+                    items={[
+                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp", alt: "Radiant skin" },
+                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp", alt: "Natural product" },
+                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp", alt: "Skincare routine" }
+                    ]}
                     buttons={[
                         { text: "Shop Now", href: "#products" },
                         { text: "Learn More", href: "#about" }
                     ]}
-                    mediaAnimation="slide-up"
                 />
             </div>