diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1f5a2fe..60ca075 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 HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
@@ -38,8 +38,8 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Exquisite Flowers for Every Moment"
+        <HeroOverlay
+          title="Exquisite Flowers for Every Moment"
           description="Discover the beauty of nature with Giina's handcrafted floral arrangements. Fresh flowers delivered with love, passion, and attention to every detail."
           buttons={[
             { text: "Shop Now", href: "#products" },
@@ -49,8 +49,8 @@ export default function LandingPage() {
           background={{ variant: "radial-gradient" }}
           imageSrc="https://img.b2bpic.net/free-photo/closeup-shot-bouquet-with-roses-vase-near-window-sunlight_181624-30882.jpg"
           imageAlt="Fresh rose bouquet arrangement"
-          mediaAnimation="blur-reveal"
-          frameStyle="card"
+          overlayOpacity={0.4}
+          contentPosition="center"
         />
       </div>