Update src/app/page.tsx

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
+        <HeroBillboardCarousel
           title="Premium Supplements for Peak Performance"
           description="Elevate your health and fitness with science-backed supplements designed for real results"
           tag="Top Quality"
           tagIcon={Trophy}
-          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" }
           ]}
+          slides={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg",
+              imageAlt: "Premium supplement bottle collection"
+            }
+          ]}
         />
       </div>
 
@@ -117,7 +121,6 @@ export default function SuppleLabs() {
           gridVariant="four-items-2x2-equal-grid"
           textboxLayout="default"
           useInvertedBackground="noInvert"
-          animationType="fade-in"
         />
       </div>