src/app/layout.tsx

@@ -1424,4 +1424,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -42,27 +42,26 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
-          title="Build Your Dream Home in Weeks, Not Years"
-          description="Sustainable, architecturally stunning modular homes designed for the modern lifestyle. Premium materials, intelligent design, delivered fast."
-          background={{ variant: "radial-gradient" }}
-          avatars={[
+        <HeroCarouselLogo
+          logoText="MODULAR"
+          description="Build your dream home in weeks, not years. Sustainable, architecturally stunning modular homes designed for the modern lifestyle."
+          slides={[
             {
-              src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",              alt: "Happy homeowner"
+              imageSrc: "http://img.b2bpic.net/free-photo/path-leads-white-building-green-hill_1304-3762.jpg",              imageAlt: "Beautiful modular home in forest"
             },
             {
-              src: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg",              alt: "Satisfied client"
+              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302616.jpg",              imageAlt: "Modern modular home design"
             },
             {
-              src: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg",              alt: "Family in new home"
+              imageSrc: "http://img.b2bpic.net/free-photo/home-interior-with-decorative-items-wooden-table_169016-1693.jpg",              imageAlt: "Luxurious modular interior"
             }
           ]}
-          avatarText="Join 500+ families in their modular homes"
           buttons={[
             { text: "Explore Models", href: "models" },
             { text: "Book Consultation", href: "contact" }
           ]}
-          buttonAnimation="slide-up"
+          autoplayDelay={5000}
+          showDimOverlay={true}
           ariaLabel="Hero section for modular homes landing page"
         />
       </div>
@@ -251,4 +250,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --background: #000000;
+  --card: #1a2f1d;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #0d200f;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #1a3d1f;
+  --background-accent: #355e3b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);