diff --git a/src/app/page.tsx b/src/app/page.tsx
index c175a9f..5fbd3b7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -43,8 +43,8 @@ export default function AIAgentsLandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
-          background={{ variant: "radial-gradient" }}
+        <HeroBillboardScroll
+          background={{ variant: "canvas-reveal" }}
           tag="Intelligent Automation"
           tagIcon={Zap}
           tagAnimation="slide-up"
@@ -55,45 +55,8 @@ export default function AIAgentsLandingPage() {
             { text: "View Demo", href: "#features" }
           ]}
           buttonAnimation="slide-up"
-          dashboard={{
-            title: "Agent Performance Hub",            logoIcon: Brain,
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-dark-themed-ai-agent-dashboard-i-1772135146014-9f93f466.png",            buttons: [
-              { text: "Launch Dashboard", href: "#" },
-              { text: "Export Report", href: "#" }
-            ],
-            sidebarItems: [
-              { icon: Home, active: true },
-              { icon: Bot, active: false },
-              { icon: Settings, active: false }
-            ],
-            stats: [
-              {
-                title: "Tasks Completed",                values: [15240, 23850, 31450],
-                description: "Daily automation executions"
-              },
-              {
-                title: "Success Rate",                values: [94.2, 96.8, 98.5],
-                valueSuffix: "%",                description: "Agent reliability metrics"
-              },
-              {
-                title: "Time Saved",                values: [1240, 3850, 6240],
-                valueSuffix: "h",                description: "Weekly human hours freed"
-              }
-            ],
-            chartTitle: "Agent Activity Trend",            chartData: [
-              { value: 65 },
-              { value: 78 },
-              { value: 85 },
-              { value: 92 },
-              { value: 88 }
-            ],
-            listTitle: "Recent Agent Actions",            listItems: [
-              { icon: CheckCircle, title: "Email Campaign Automated", status: "Completed" },
-              { icon: Zap, title: "Data Processing Pipeline", status: "Running" },
-              { icon: ArrowRightCircle, title: "Lead Qualification Task", status: "Completed" }
-            ],
-            searchPlaceholder: "Search agents or tasks..."
-          }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-dark-themed-ai-agent-dashboard-i-1772135146014-9f93f466.png"
+          imageAlt="AI Agent Dashboard Preview"
         />
       </div>