diff --git a/src/app/page.tsx b/src/app/page.tsx
index e0e7a20..bbe37da 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -56,7 +56,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
+      <HeroBillboardScroll
       background={{
         variant: "animated-grid"}}
       title="ReelEstate"
@@ -67,8 +67,8 @@ export default function LandingPage() {
         {
           text: "See the work",          href: "#portfolio"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624872.jpg"
-      imageAlt="ReelEstate AI marketing dashboard"
+      videoSrc="https://videos.pexels.com/video-files/5586617/5586617-hd_1920_1080_25fps.mp4"
+      videoAriaLabel="Real estate 3D tour video"
       mediaAnimation="blur-reveal"
     />
   </div>