Update src/app/page.tsx

Merge version_25 into main

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,9 +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"
+      videoSrc="https://videos.pexels.com/video-files/5586617/5586617-hd_1920_1080_25fps.mp4"
-      imageAlt="ReelEstate AI marketing dashboard"
+      videoAriaLabel="Real estate 3D tour video"
-      mediaAnimation="blur-reveal"
     />
   </div>