diff --git a/src/app/page.tsx b/src/app/page.tsx
index 100f07e..cc2dfb6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -46,9 +46,10 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "canvas-reveal"}}
+      <HeroOverlay
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-futuristic-background-with-tech-flow-design_23-2150379100.jpg"
+      showDimOverlay={true}
+      showBlur={true}
       title="Websites that actually convert."
       description="Built with AI. We build modern websites and landing pages for businesses that mean business. Fast. Clean. Affordable."
       avatars={[
@@ -71,24 +72,6 @@ export default function LandingPage() {
           text: "See Our Work",          href: "#work"},
       ]}
       buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text-icon",          text: "AI-Powered Web Agency · Bengaluru",          icon: Circle,
-        },
-        {
-          type: "text",          text: "10+ Sites Live"},
-        {
-          type: "text",          text: "5 Days Avg."},
-        {
-          type: "text",          text: "2× More Leads"},
-        {
-          type: "text-icon",          text: "AI-Powered Web Agency · Bengaluru",          icon: Circle,
-        },
-        {
-          type: "text",          text: "10+ Sites Live"},
-      ]}
-      marqueeSpeed={30}
-      showMarqueeCard={true}
     />
   </div>
 
@@ -218,7 +201,7 @@ export default function LandingPage() {
         {
           text: "Email Us",          href: "mailto:hello@pixelstack.ai"},
         {
-          text: "WhatsApp Us",          href: "https://wa.me/+91XXXXXXXXXX?text=Hi%2C%20I%20found%20your%20agency%20website%20and%20I%27m%20interested%20in%20getting%20a%20website%20built."},
+          text: "WhatsApp Us",          href: "https://wa.me/+91XXXXXXXXXX?text=Hi%2C%20I%20found%20your%20agency%20website%20and%27m%20interested%20in%20getting%20a%20website%20built."},
         {
           text: "Connect on LinkedIn",          href: "https://linkedin.com/in/YOUR_PROFILE"},
       ]}
@@ -259,4 +242,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file