diff --git a/src/app/page.tsx b/src/app/page.tsx
index a7fde22..3f08dd4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -38,11 +38,14 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroOverlay
+          <HeroBillboardCarousel
             title="Timeless Elegance, Reimagined."
             description="Discover the art of refined living with our hand-selected collections crafted for the discerning eye."
             buttons={[{ text: "Shop Collection", href: "#products" }]}
-            imageSrc="http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg"
+            background={{ variant: "sparkles-gradient" }}
+            mediaItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg" }
+            ]}
           />
         </div>
 
@@ -117,4 +120,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file