Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { CheckCircle, Phone, Sparkles, Users } from "lucide-react";
@@ -53,34 +53,12 @@ export default function LandingPage() {
   </div>
 
   <div id="home" data-section="home">
-      <HeroSplitDoubleCarousel
+      <HeroBillboard
       background={{
         variant: "plain"
       }}
       title="Uw Droomhuis Realiseren: Totaalontzorging door Verbouwteam"
       description="Vanaf de eerste bezichtiging tot de laatste afwerking: Verbouwteam, onder leiding van Tom Koopmanschap, ontzorgt u volledig. Persoonlijk contact en uitmuntend vakmanschap voor elke verbouwing."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg?_wi=1",          imageAlt: "Modern gerenoveerde woonkamer"
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/living-room-cute-style_1150-18011.jpg",          imageAlt: "Gerenoveerde zolder met dakkapel"
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-showers-stone-tile-premium-spa_169016-68908.jpg",          imageAlt: "Luxe gerenoveerde badkamer"
-        }
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-long-curly-hair-flying-air-sitting-floor-nice-wardrobe-dressing-room-lot-shoes-around-her-showing-peace-wearing-elegant-black-dress-silver-shoes_197531-1716.jpg",          imageAlt: "Maatwerk inloopkast"
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/messy-desk-office_23-2147668766.jpg",          imageAlt: "Moderne keuken renovatie"
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg?_wi=2",          imageAlt: "Detail van gerenoveerde woonkamer"
-        }
-      ]}
       tag="Verbouwteam"
       buttons={[
         {
@@ -90,7 +68,8 @@ export default function LandingPage() {
           text: "Vraag een Vrijblijvende Offerte Aan",          href: "#contact"
         }
       ]}
-      carouselPosition="right"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg?_wi=1"
+      imageAlt="Modern gerenoveerde woonkamer"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #f6f0e9;
-  --card: #ffffff;
+  --card: #efe7dd;
-  --foreground: #1c1c1c;
+  --foreground: #2b180a;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #2b180a;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #2b180a;
-  --accent: #e63946;
+  --accent: #94877c;
-  --background-accent: #e8bea8;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);