Update src/app/page.tsx

Merge version_5 into main

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,16 +42,15 @@ 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"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           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"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771561504491-wsbrdejk.png"
           imageAlt="NoteFlow AI-powered interface"
-          mediaAnimation="slide-up"
           buttons={[
             { text: "Start for Free", href: "#contact" },
             { text: "Watch Demo", href: "#" }
@@ -72,7 +71,7 @@ export default function LandingPage() {
               id: "01",              title: "AI-Powered Summaries",              description: "Automatically generate concise summaries of long notes and documents with intelligent AI analysis",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-conceptual-illustration-of-ai-neural-n-1771559162036-c6949924.png",              imageAlt: "AI neural network processing information"
             },
             {
-              id: "02",              title: "Smart Tag Organization",              description: "Let AI automatically categorize and tag your notes for perfect organization without manual effort",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-visual-representation-of-smart-tag-org-1771559169103-e04835b2.png",              imageAlt: "Smart tag system organizing notes"
+              id: "02",              title: "Smart Tag Organization",              description: "Let AI automatically categorize and tag your notes for perfect organization without manual effort",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771561904569-1hvrxdxy.png",              imageAlt: "Smart tag system organizing notes"
             },
             {
               id: "03",              title: "Cross-Device Sync",              description: "Your notes sync instantly across all your devices—laptop, tablet, and phone—in real-time",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-visualization-of-cloud-synchronization-1771559175552-60541e95.png",              imageAlt: "Synchronization across multiple devices"