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 HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+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';
@@ -11,7 +11,8 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Brain, Heart, Rocket, Shield, Sparkles, TrendingUp, Zap, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from "lucide-react";
+import { Brain, Heart, Rocket, Shield, Sparkles, TrendingUp, Zap } from "lucide-react";
+import Image from "next/image";
 
 export default function LandingPage() {
   return (
@@ -41,29 +42,15 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
+        <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" }}
-          dashboard={{
-            title: "On-Chain Metrics Hub",            logoIcon: Hexagon,
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-ai-note-taking-application-dashb-1771559142393-f42fd4fb.png",            buttons: [{ text: "Dashboard", href: "#" }, { text: "Export CSV", href: "#" }],
-            sidebarItems: [{ icon: House, active: true }, { icon: MessageSquareText }, { icon: Settings }],
-            stats: [
-              { title: "Revenue", values: [178425, 245890, 312750], valuePrefix: "$", description: "Protocol fees." },
-              { title: "Volume", values: [7.84, 12.5, 9.32], valuePrefix: "$", valueSuffix: "M", description: "Transaction flow." },
-              { title: "Wallets", values: [11240, 15680, 13450], description: "Active wallets." },
-            ],
-            chartTitle: "Staking Rewards",            chartData: [{ value: 50 }, { value: 30 }, { value: 70 }, { value: 40 }, { value: 90 }],
-            listTitle: "Treasury Transfers",            listItems: [
-              { icon: CircleDollarSign, title: "$12,000 USDC", status: "Confirmed" },
-              { icon: ArrowLeftRight, title: "Swap: 5 ETH", status: "Executed" },
-              { icon: Send, title: "Transfer: 2,500 DAI", status: "Confirmed" },
-            ],
-          }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771561504491-wsbrdejk.png"
+          imageAlt="NoteFlow AI-powered interface"
           buttons={[
             { text: "Start for Free", href: "#contact" },
             { text: "Watch Demo", href: "#" }
@@ -84,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"