Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Over",
-          id: "#about",
-        },
+          name: "Over",          id: "#about"},
         {
-          name: "Voorzieningen",
-          id: "#amenities",
-        },
+          name: "Voorzieningen",          id: "#amenities"},
         {
-          name: "Tarieven",
-          id: "#pricing",
-        },
+          name: "Tarieven",          id: "#pricing"},
         {
-          name: "Boek Nu",
-          id: "#contact",
-        },
+          name: "Boek Nu",          id: "#contact"},
       ]}
       brandName="Chalet La Mairie"
     />
@@ -54,41 +46,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Chalet La Mairie"
       description="Rust · Natuur · Luxe in het hart van de Ardennen."
       buttons={[
         {
-          text: "Boek nu",
-          href: "https://auth.ardennes-etape.be/...",
-        },
+          text: "Boek nu",          href: "https://auth.ardennes-etape.be/..."},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/house-with-wooden-fence-middle-snow-pine-trees_181624-11575.jpg",
-          imageAlt: "Chalet exterieur",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611168631-bqi0eemk.png",          imageAlt: "Chalet exterieur"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263571.jpg",
-          imageAlt: "Leefruimte",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611258702-fi58pdv2.png",          imageAlt: "Leefruimte"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119046.jpg",
-          imageAlt: "Slaapkamer",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611069831-nsgg5nr8.png",          imageAlt: "Slaapkamer"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-mobile-phone_171337-4161.jpg",
-          imageAlt: "Keuken",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611091175-vt9i6fhp.png",          imageAlt: "Keuken"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698418.jpg",
-          imageAlt: "Terras",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611112837-z8t4s6s3.png",          imageAlt: "Terras"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-drinking-coffee-while-taking-bath_23-2149239391.jpg",
-          imageAlt: "Sauna",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611308636-o5z8nwyf.png",          imageAlt: "Sauna"},
       ]}
     />
   </div>
@@ -101,19 +78,13 @@ export default function LandingPage() {
       description="Gebouwd in 2017 in Erezée, biedt ons chalet 150m² aan woonplezier voor 6 personen en een baby. Geniet van 1000m² tuin in een rustgevende bosrijke omgeving."
       bulletPoints={[
         {
-          title: "Capaciteit",
-          description: "6 volwassenen + 1 baby",
-        },
+          title: "Capaciteit",          description: "6 volwassenen + 1 baby"},
         {
-          title: "Oppervlakte",
-          description: "150m² woonruimte",
-        },
+          title: "Oppervlakte",          description: "150m² woonruimte"},
         {
-          title: "Beoordeling",
-          description: "9.6/10 via Ardennes-Étape",
-        },
+          title: "Beoordeling",          description: "9.6/10 via Ardennes-Étape"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/white-umbrellas-seen-from-tree_1203-297.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611413397-wa436s5l.png"
       mediaAnimation="slide-up"
     />
   </div>
@@ -126,61 +97,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Infraroodsauna",
-          description: "Voor 3 personen",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-relaxing-massage-spa_23-2148176893.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg",
-          buttonText: "Lees meer",
-        },
+          title: "Infraroodsauna",          description: "Voor 3 personen",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611473378-nxip0jjh.png",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611576225-p7c6qcvo.png",          buttonText: "Lees meer"},
         {
-          title: "Houtkachel",
-          description: "Inclusief houtblokken",
-          imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367205.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-bed-with-mobile_23-2148373856.jpg",
-          buttonText: "Lees meer",
-        },
+          title: "Houtkachel",          description: "Inclusief houtblokken",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611552209-xx71hkui.png",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611588996-ftuzngco.png",          buttonText: "Lees meer"},
         {
-          title: "Pétanquebaan",
-          description: "Materiaal aanwezig",
-          imageSrc: "http://img.b2bpic.net/free-photo/rocks-covered-with-greenery-thick-fog_8353-1121.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg",
-          buttonText: "Lees meer",
-        },
+          title: "Pétanquebaan",          description: "Materiaal aanwezig",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611608832-bddobch1.png",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611623918-3uimxbhe.png",          buttonText: "Lees meer"},
         {
-          title: "Omheinde Tuin",
-          description: "1000m² met BBQ",
-          imageSrc: "http://img.b2bpic.net/free-photo/stone-natural-room-interior-design_23-2151890388.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335861.jpg",
-          buttonText: "Lees meer",
-        },
+          title: "Omheinde Tuin",          description: "1000m² met BBQ",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611675811-p9dm4yj7.png",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611702120-jk7yooyg.png",          buttonText: "Lees meer"},
         {
-          title: "Overdekt Terras",
-          description: "Zuidgericht",
-          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698330.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/terrace-with-trees-forest-cozy-outdoor-relaxation-space_169016-69565.jpg",
-          buttonText: "Lees meer",
-        },
+          title: "Overdekt Terras",          description: "Zuidgericht",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612582645-gcuhnuj0.png",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612669242-wj0fkf1u.png",          buttonText: "Lees meer"},
         {
-          title: "Privéparking",
-          description: "3 wagens + EV opladen",
-          imageSrc: "http://img.b2bpic.net/free-photo/field-with-two-wooden-barns-surrounded-by-forests-covered-fog-cloudy-sky_181624-11458.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-village-ukrainian-carpathian-mountains_176420-55115.jpg",
-          buttonText: "Lees meer",
-        },
+          title: "Privéparking",          description: "3 wagens + EV opladen",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612696743-37psssmy.png",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612680237-t38izs1k.png",          buttonText: "Lees meer"},
         {
-          title: "Volledig uitgeruste Keuken",
-          description: "Met inductie en oven",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530823.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-fun-breakfast-christmas-morning_132075-10829.jpg",
-          buttonText: "Lees meer",
-        },
+          title: "Volledig uitgeruste Keuken",          description: "Met inductie en oven",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612704747-n5w5ich0.png",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612720760-dz2ulz3l.png",          buttonText: "Lees meer"},
         {
-          title: "Wifi & Entertainment",
-          description: "TV, HiFi jukebox",
-          imageSrc: "http://img.b2bpic.net/free-photo/romantic-zone-with-fruits-flowers_8353-9800.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-vibe-christmas-beautiful-home-happy-cozy_482257-17978.jpg",
-          buttonText: "Lees meer",
-        },
+          title: "Wifi & Entertainment",          description: "TV, HiFi jukebox",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612738804-nh2dh15k.png",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612751714-q06m3xc8.png",          buttonText: "Lees meer"},
       ]}
       title="Voorzieningen"
       description="Alles wat u nodig heeft voor een zorgeloos verblijf."
@@ -195,41 +126,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "r1",
-          name: "Slaapkamer 1",
-          price: "Tweepersoonsbed 160x200 + privé badkamer",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg",
-        },
+          id: "r1",          name: "Slaapkamer 1",          price: "Tweepersoonsbed 160x200 + privé badkamer",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611722292-ej3ymz7e.png"},
         {
-          id: "r2",
-          name: "Slaapkamer 2",
-          price: "Tweepersoonsbed 160x200",
-          imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-sofa-christmas-view-from-table-with-red-ornaments_23-2147583516.jpg",
-        },
+          id: "r2",          name: "Slaapkamer 2",          price: "Tweepersoonsbed 160x200",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611796457-427j78ub.png"},
         {
-          id: "r3",
-          name: "Slaapkamer 3",
-          price: "2x eenpersoonsbed 90x200",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-modern-bedroom-with-comfortable-bedding-green-plants-generated-by-ai_188544-38187.jpg",
-        },
+          id: "r3",          name: "Slaapkamer 3",          price: "2x eenpersoonsbed 90x200",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611810790-1u1int0d.png"},
         {
-          id: "r4",
-          name: "Leefruimte",
-          price: "Open living & keuken",
-          imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5802.jpg",
-        },
+          id: "r4",          name: "Leefruimte",          price: "Open living & keuken",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778611833165-eobexqe8.png"},
         {
-          id: "r5",
-          name: "Keuken",
-          price: "Centraal kookeiland",
-          imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_23-2149684443.jpg",
-        },
+          id: "r5",          name: "Keuken",          price: "Centraal kookeiland",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612783690-6n4wc8vi.png"},
         {
-          id: "r6",
-          name: "Wellnessruimte",
-          price: "Sauna voor 3",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-practicing-selfcare_23-2150172277.jpg",
-        },
+          id: "r6",          name: "Wellnessruimte",          price: "Sauna voor 3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612802557-xludenrv.png"},
       ]}
       title="Slaapkamers & Ruimtes"
       description="Kies voor comfort."
@@ -243,40 +150,24 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          badge: "Populair",
-          price: "€527",
-          subtitle: "Hoogseizoen (per weekend)",
-          buttons: [
+          id: "p1",          badge: "Populair",          price: "€527",          subtitle: "",          buttons: [
             {
-              text: "Boek nu",
-              href: "...",
-            },
+              text: "Boek nu",              href: "..."},
           ],
           features: [
-            "Schoonmaak €80",
-            "Water & Energie €19/nacht",
-          ],
+            "Schoonmaak €80",            "Water & Energie €19/nacht"],
         },
         {
-          id: "p2",
-          badge: "Basis",
-          price: "€287",
-          subtitle: "Laagseizoen (per weekend)",
-          buttons: [
+          id: "p2",          badge: "",          price: "",          subtitle: "",          buttons: [
             {
-              text: "Boek nu",
-              href: "...",
-            },
+              text: "Boek nu",              href: "..."},
           ],
           features: [
-            "Toeristenbelasting €4/nacht",
-            "Waarborg €250",
-          ],
+            "",            ""],
         },
       ]}
       title="Tarieven"
-      description="Ontdek de prijzen voor uw verblijf."
+      description="Ontdek de prijzen voor uw verblijf (gewaardeerd met 9.6/10)."
     />
   </div>
 
@@ -287,40 +178,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Groep vrienden",
-          role: "Maart 2026",
-          testimonial: "Magnifique maison situé dans un environnement calme et reposant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
-        },
+          id: "t1",          name: "Groep vrienden",          role: "Maart 2026",          testimonial: "Magnifique maison situé dans un environnement calme et reposant.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612084981-aohrbglq.png"},
         {
-          id: "t2",
-          name: "Gezin",
-          role: "November 2025",
-          testimonial: "Mooie locatie, rustige omgeving... komen graag nog eens terug.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-female-holding-child-road-beach_613910-2503.jpg",
-        },
+          id: "t2",          name: "Gezin",          role: "November 2025",          testimonial: "Mooie locatie, rustige omgeving... komen graag nog eens terug.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612114902-zow1i3v2.png"},
         {
-          id: "t3",
-          name: "B. Thierry",
-          role: "April 2025",
-          testimonial: "Geheel volgens verwachting.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-        },
+          id: "t3",          name: "B. Thierry",          role: "April 2025",          testimonial: "Geheel volgens verwachting.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612153959-yg98qjok.png"},
         {
-          id: "t4",
-          name: "Koppel",
-          role: "September 2025",
-          testimonial: "Een aangenaam gezellig vakantiehuis met leuke accenten.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-closeup-portrait-outdoors_158595-4464.jpg",
-        },
+          id: "t4",          name: "Koppel",          role: "September 2025",          testimonial: "Een aangenaam gezellig vakantiehuis met leuke accenten.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdSWoVma3dL39rEy82XgoGtQpX/uploaded-1778612179373-idayk51n.png"},
         {
-          id: "t5",
-          name: "Gast 5",
-          role: "2025",
-          testimonial: "Topervaring in een prachtig chalet.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
-        },
+          id: "t5",          name: "Gast 5",          role: "2025",          testimonial: "Topervaring in een prachtig chalet.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-autumn-forest_23-2148705740.jpg"},
       ]}
       title="Gastbeoordelingen"
       description="Gemiddelde score: 9.6/10"
@@ -331,16 +197,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Contact"
       title="Klaar voor uw verblijf?"
       description="Boek direct via onze partner."
       buttons={[
         {
-          text: "Boek nu",
-          href: "...",
-        },
+          text: "Boek nu",          href: "..."},
       ]}
     />
   </div>
@@ -351,25 +214,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Erezée, Ardennen",
-              href: "#",
-            },
+              label: "Erezée, Ardennen",              href: "#"},
             {
-              label: "Ardennes-Étape",
-              href: "https://www.ardennes-etape.be",
-            },
+              label: "Ardennes-Étape",              href: "https://www.ardennes-etape.be"},
           ],
         },
         {
           items: [
             {
-              label: "Aankomst: 16:00",
-              href: "#",
-            },
+              label: "Aankomst: 16:00",              href: "#"},
             {
-              label: "Vertrek: 10:00",
-              href: "#",
-            },
+              label: "Vertrek: 10:00",              href: "#"},
           ],
         },
       ]}
@@ -379,4 +234,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #15479c;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #c4c4c4;
+  --background: #000000;
+  --card: #1f4035;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #051a12;
+  --secondary-cta: #0d2b1f;
+  --secondary-cta-text: #d4f6e8;
+  --accent: #0d5238;
+  --background-accent: #10b981;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);