diff --git a/src/app/page.tsx b/src/app/page.tsx
index b27c43c..2ad6b95 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
@@ -40,17 +40,21 @@ export default function SuppleLabs() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitLarge
-          title="Premium Supplements for Peak Performance"
-          description="Elevate your health and fitness with science-backed supplements designed for real results"
-          tag="Shop Now"
-          tagIcon={Package}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg"
-          imageAlt="Premium supplement bottle collection"
-          buttons={[
-            { text: "Explore Products", href: "products" },
-            { text: "Learn More", href: "about" }
+        <HeroBillboardCarousel
+          items={[
+            {
+              id: "1",
+              title: "Premium Supplements for Peak Performance",
+              description: "Elevate your health and fitness with science-backed supplements designed for real results",
+              backgroundImage: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg",
+              backgroundImageAlt: "Premium supplement bottle collection",
+              buttons: [
+                { text: "Explore Products", href: "products" },
+                { text: "Learn More", href: "about" }
+              ]
+            }
           ]}
+          animationType="fade"
         />
       </div>
 
@@ -117,6 +121,7 @@ export default function SuppleLabs() {
           gridVariant="four-items-2x2-equal-grid"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          animationType="fade-in"
         />
       </div>