diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9c56061..dc25f87 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Award, BookOpen, HelpCircle, Star, Users, Zap } from 'lucide-react';
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 
 export default function ITAcademyPage() {
   return (
@@ -197,6 +198,16 @@ export default function ITAcademyPage() {
           ]}
         />
       </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"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[