Update src/app/page.tsx

Merge version_4 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 HeroBillboard from '@/components/sections/hero/HeroBillboard';
 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,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
+        <HeroBillboard
           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={{
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-ai-note-taking-application-dashb-1771559142393-f42fd4fb.png"
-            title: "On-Chain Metrics Hub",            logoIcon: Hexagon,
+          imageAlt="NoteFlow AI-powered interface"
-            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: "#" }],
+          mediaAnimation="slide-up"
-            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" },
-            ],
-          }}
           buttons={[
             { text: "Start for Free", href: "#contact" },
             { text: "Watch Demo", href: "#" }