diff --git a/src/app/page.tsx b/src/app/page.tsx
index ea4e8c3..43ac8b3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
@@ -35,6 +36,25 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Scale Your Performance Marketing"
+          description="Data-driven strategies that deliver results. We help e-commerce brands achieve 2x-5x+ ROAS through precision targeting and continuous optimization."
+          tag="Performance Marketing Agency"
+          tagAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/people-analyzing-checking-finance-graphs-office_23-2150377179.jpg?_wi=1"
+          imageAlt="Performance marketing analytics dashboard"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={false}
+          buttons={[
+            { text: "Book Strategy Call", href: "#contact" },
+            { text: "Explore Case Studies", href: "#testimonial" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="testimonial" data-section="testimonial">
         <TestimonialCardSix
           title="Proven Results"
@@ -108,4 +128,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file