diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2e85254..64b8e7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,6 +13,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Award, BookOpen, Users, Star, Zap, HelpCircle, Mail } from "lucide-react";
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 
 export default function LandingPage() {
   return (
@@ -45,28 +46,14 @@ export default function LandingPage() {
       </div>
       
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
-          logoText="TECHLEARN"
-          description="Master in-demand IT skills with expert instructors and hands-on projects. Launch your tech career today."
-          buttons={[
-            { text: "Explore Courses", href: "features" },
-            { text: "Start Free Trial", href: "pricing" }
-          ]}
-          slides={[
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",              imageAlt: "Programming and coding development"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/man-working-energy-innovations-his-laptop_23-2148820170.jpg",              imageAlt: "Web design and digital development"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/working-code_1098-19858.jpg",              imageAlt: "Data analytics and technology"
-            }
-          ]}
-          autoplayDelay={5000}
-          showDimOverlay={true}
-          logoLineHeight={1.15}
-        />
+      <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="about" data-section="about">