diff --git a/src/app/page.tsx b/src/app/page.tsx
index c922db4..b098911 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroOverlayBlock from '@/components/sections/hero/HeroOverlayBlock';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
@@ -42,15 +42,12 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
+        <HeroOverlayBlock
           title="Move and Movie"
           description="Creating cinematic stories that captivate audiences. Expert video production for brands that dare to stand out."
-          background={{ variant: "downward-rays-static" }}
-          avatars={[
-            { src: "https://img.b2bpic.net/free-photo/african-american-freelancer-editing-background-video-his-home-office_482257-116610.jpg", alt: "Video creator at work" }
-          ]}
-          avatarText="Trusted by 50+ brands worldwide"
-          buttons={[
+          backgroundImageSrc="https://img.b2bpic.net/free-photo/african-american-freelancer-editing-background-video-his-home-office_482257-116610.jpg"
+          backgroundImageAlt="Video creator at work"
+          overlayButtons={[
             { text: "View Portfolio", href: "portfolio" },
             { text: "Let's Collaborate", href: "contact" }
           ]}
@@ -270,4 +267,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}