src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardScroll from '@/components/sections/hero/heroBillboardScroll/HeroBillboardScroll';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -42,10 +42,10 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
-          logoText="MODULAR"
-          description="Build your dream home in weeks, not years. Sustainable, architecturally stunning modular homes designed for the modern lifestyle."
-          slides={[
+        <HeroBillboardScroll
+          title="Build your dream home in weeks, not years"
+          subtitle="Sustainable, architecturally stunning modular homes designed for the modern lifestyle."
+          billboards={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/path-leads-white-building-green-hill_1304-3762.jpg?_wi=1",              imageAlt: "Beautiful modular home in forest"
             },
@@ -60,8 +60,6 @@ export default function LandingPage() {
             { text: "Explore Models", href: "models" },
             { text: "Book Consultation", href: "contact" }
           ]}
-          autoplayDelay={5000}
-          showDimOverlay={true}
           ariaLabel="Hero section for modular homes landing page"
         />
       </div>