diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8363fa0..36d9833 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroSignup from '@/components/sections/hero/HeroSignup';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
@@ -48,14 +48,13 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSignup
+      <HeroOverlayTestimonial
       title="LIFE BEHIND CHAIR"
       description="Where artistry meets elegance. Discover transformative styling, premium treatments, and world-class service in Kerala's most celebrated salon—trusted by 140+ happy clients."
       tag="Exclusive Salon"
-      background={{
-        variant: "glowing-orb-sparkles"}}
-      buttonText="Book Your Transformation"
-      onSubmit={(email) => console.log(email)}
+      videoSrc="http://img.b2bpic.net/free-video/hair-salon-process.mp4"
+      buttonContainerClassName="flex gap-4"
+      buttons={[{ text: "Book Your Transformation", href: "#contact" }]}
     />
   </div>