diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c884d7..3b1b617 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -42,7 +42,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroBillboardScroll
           title="Capture Every Idea. Let AI Organize Everything."
           description="NoteFlow uses advanced AI to intelligently organize, summarize, and retrieve your notes. Transform scattered thoughts into actionable insights with smart categorization and instant search."
           tag="The Future of Note-Taking"
@@ -51,7 +51,6 @@ export default function LandingPage() {
           background={{ variant: "radial-gradient" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-ai-note-taking-application-dashb-1771559142393-f42fd4fb.png"
           imageAlt="NoteFlow AI-powered interface"
-          mediaAnimation="slide-up"
           buttons={[
             { text: "Start for Free", href: "#contact" },
             { text: "Watch Demo", href: "#" }