diff --git a/src/app/page.tsx b/src/app/page.tsx
index ec299d5..284cfa4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,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 (
@@ -234,7 +235,18 @@ export default function HomePage() {
           termsText="We respect your privacy. Unsubscribe at any time. No spam, ever."
         />
       </div>
-      <FooterMedia
+
+      <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"
         logoText="TechAcademy"