Update src/app/page.tsx

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
+        <HeroCarouselLogo
-          title="Build Your Dream Home in Weeks, Not Years"
+          logoText="MODULAR"
-          description="Sustainable, architecturally stunning modular homes designed for the modern lifestyle. Premium materials, intelligent design, delivered fast."
+          description="Build your dream home in weeks, not years. Sustainable, architecturally stunning modular homes designed for the modern lifestyle."
-          background={{ variant: "radial-gradient" }}
+          slides={[
-          avatars={[
             {
-              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?_wi=1",              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?_wi=1",              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?_wi=1",              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>
@@ -102,7 +101,7 @@ export default function LandingPage() {
           tagIcon={Camera}
           features={[
             {
-              id: "01",              title: "Forest Escape",              description: "Glass and timber blending seamlessly with nature. A sanctuary for modern living.",              imageSrc: "http://img.b2bpic.net/free-photo/path-leads-white-building-green-hill_1304-3762.jpg",              imageAlt: "Modern home in forest"
+              id: "01",              title: "Forest Escape",              description: "Glass and timber blending seamlessly with nature. A sanctuary for modern living.",              imageSrc: "http://img.b2bpic.net/free-photo/path-leads-white-building-green-hill_1304-3762.jpg?_wi=2",              imageAlt: "Modern home in forest"
             },
             {
               id: "02",              title: "Open Living",              description: "Flowing spaces designed for connection. Light-filled interiors with zero-waste construction.",              imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-lobby-with-uncommon-furniture_1262-3576.jpg",              imageAlt: "Open interior space"
@@ -156,10 +155,10 @@ export default function LandingPage() {
           tagIcon={Home}
           products={[
             {
-              id: "1",              name: "Essential Home",              price: "€185,000",              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302616.jpg",              imageAlt: "Essential modular home"
+              id: "1",              name: "Essential Home",              price: "€185,000",              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302616.jpg?_wi=2",              imageAlt: "Essential modular home"
             },
             {
-              id: "2",              name: "Comfort Plus",              price: "€275,000",              imageSrc: "http://img.b2bpic.net/free-photo/home-interior-with-decorative-items-wooden-table_169016-1693.jpg",              imageAlt: "Comfort Plus modular home"
+              id: "2",              name: "Comfort Plus",              price: "€275,000",              imageSrc: "http://img.b2bpic.net/free-photo/home-interior-with-decorative-items-wooden-table_169016-1693.jpg?_wi=2",              imageAlt: "Comfort Plus modular home"
             },
             {
               id: "3",              name: "Luxury Estate",              price: "€425,000",              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-house-with-wooden-architecture-timber-structure_23-2151302593.jpg",              imageAlt: "Luxury Estate modular home"

src/app/styles/variables.css

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