diff --git a/src/app/page.tsx b/src/app/page.tsx
index fb7d25f..4d47085 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Award, Code, Briefcase, Clock, Lightbulb, Mail } from 'lucide-react';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 
 export default function HomePage() {
   return (
@@ -262,6 +263,17 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="hero_billboard_scroll" data-section="hero_billboard_scroll">
+        <HeroBillboardScroll
+          title="Hero Billboard Scroll"
+          description="Add your description here."
+          tag="Label"
+          tagIcon="Check"
+          buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
+          imageSrc="https://placehold.co/600x400"
+          background={{ variant: "plain" }}
+        />
+      </div>
       <FooterMedia
         imageSrc="https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010118.jpg"
         imageAlt="Technology and digital transformation"