From ea835cc350b5ac6b573372846f1b4aaffa766aad Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 05:16:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 182 +++++++++--------------------------------------
 1 file changed, 34 insertions(+), 148 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index feadd74..e186403 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,68 +30,43 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Craft",
-          id: "features",
-        },
+          name: "Craft",          id: "features"},
         {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Reviews",          id: "testimonials"},
         {
-          name: "Vind ons",
-          id: "contact",
-        },
+          name: "Vind ons",          id: "contact"},
       ]}
       brandName="Monsieur Kaffee"
       button={{
-        text: "Vind ons",
-        href: "#contact",
-      }}
+        text: "Vind ons",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Monsieur Kaffee"
       description="Ervaar de perfecte espresso. Waar nachtelijke rijkdom en ambachtelijk vakmanschap elkaar ontmoeten voor een tijdloze koffiebeleving."
       buttons={[
         {
-          text: "Ons Verhaal",
-          href: "#features",
-        },
+          text: "Ons Verhaal",          href: "#features"},
         {
-          text: "Vind ons",
-          href: "#contact",
-        },
+          text: "Vind ons",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg?_wi=1",
-          imageAlt: "Luxueuze espresso in noir setting",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg",          imageAlt: "Luxueuze espresso in noir setting"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg?_wi=1",
-          imageAlt: "Ambachtelijke bereiding door barista",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg",          imageAlt: "Ambachtelijke bereiding door barista"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg?_wi=1",
-          imageAlt: "Gouden koffiezetter details",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg",          imageAlt: "Gouden koffiezetter details"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
-          imageAlt: "Interieur Monsieur Kaffee sfeer",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",          imageAlt: "Interieur Monsieur Kaffee sfeer"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",
-          imageAlt: "Perfect gezette verse espresso",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",          imageAlt: "Perfect gezette verse espresso"},
       ]}
     />
   </div>
@@ -100,42 +75,23 @@ export default function LandingPage() {
       <MetricCardOne
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "5★",
-          title: "Score",
-          description: "Gewaardeerd door fijnproevers",
-          icon: Star,
+          id: "1",          value: "5★",          title: "Score",          description: "Gewaardeerd door fijnproevers",          icon: Star,
         },
         {
-          id: "2",
-          value: "100%",
-          title: "Ambacht",
-          description: "Met toewijding bereid",
-          icon: Award,
+          id: "2",          value: "100%",          title: "Ambacht",          description: "Met toewijding bereid",          icon: Award,
         },
         {
-          id: "3",
-          value: "01",
-          title: "Locatie",
-          description: "Een uniek adres",
-          icon: MapPin,
+          id: "3",          value: "01",          title: "Locatie",          description: "Een uniek adres",          icon: MapPin,
         },
         {
-          id: "4",
-          value: "24/7",
-          title: "Passie",
-          description: "Onze drijfveer",
-          icon: Heart,
+          id: "4",          value: "24/7",          title: "Passie",          description: "Onze drijfveer",          icon: Heart,
         },
         {
-          id: "5",
-          value: "∞",
-          title: "Smaak",
-          description: "Oneindige verfijning",
-          icon: Crown,
+          id: "5",          value: "∞",          title: "Smaak",          description: "Oneindige verfijning",          icon: Crown,
         },
       ]}
       title="De essentie van Monsieur"
@@ -150,21 +106,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "Geen massaproductie",
-          "Geen vluchtige aroma's",
-          "Geen concessies in smaak",
-          "Geen synthetische toevoegingen",
-          "Geen haastige extractie",
-        ],
+          "Geen massaproductie",          "Geen vluchtige aroma's",          "Geen concessies in smaak",          "Geen synthetische toevoegingen",          "Geen haastige extractie"],
       }}
       positiveCard={{
         items: [
-          "Exclusieve bonenselectie",
-          "Ambachtelijke precisie",
-          "Gouden extractie-tijd",
-          "Natuurlijke fermentatie",
-          "Met de hand gebrande bonen",
-        ],
+          "Exclusieve bonenselectie",          "Ambachtelijke precisie",          "Gouden extractie-tijd",          "Natuurlijke fermentatie",          "Met de hand gebrande bonen"],
       }}
       title="Het Geheim van Monsieur"
       description="Elke kop is een reis door donkere, rijke aroma's en gouden perfectie. Ontdek wat koffie echt luxe maakt."
@@ -177,60 +123,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Jansen",
-          date: "12-05-2023",
-          title: "Echte aanrader!",
-          quote: "De beste espresso die ik ooit in de stad heb geproefd.",
-          tag: "Lokaal",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-drinking-coffee-restaurant_23-2147955260.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg?_wi=2",
-          imageAlt: "luxury espresso shot dark noir",
-        },
+          id: "1",          name: "Sarah Jansen",          date: "12-05-2023",          title: "Echte aanrader!",          quote: "De beste espresso die ik ooit in de stad heb geproefd.",          tag: "Lokaal",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-drinking-coffee-restaurant_23-2147955260.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg",          imageAlt: "luxury espresso shot dark noir"},
         {
-          id: "2",
-          name: "Mark de Vries",
-          date: "15-06-2023",
-          title: "Pure luxe",
-          quote: "Monsieur Kaffee is een ervaring, geen simpele stop.",
-          tag: "Kenners",
-          avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-drinking-coffee_23-2148395402.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg?_wi=2",
-          imageAlt: "barista crafting artisanal coffee",
-        },
+          id: "2",          name: "Mark de Vries",          date: "15-06-2023",          title: "Pure luxe",          quote: "Monsieur Kaffee is een ervaring, geen simpele stop.",          tag: "Kenners",          avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-drinking-coffee_23-2148395402.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg",          imageAlt: "barista crafting artisanal coffee"},
         {
-          id: "3",
-          name: "Elena Rossi",
-          date: "20-07-2023",
-          title: "Kwaliteit!",
-          quote: "De bediening is even verfijnd als de koffie zelf.",
-          tag: "Vaste gast",
-          avatarSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-drinking-coffee-restaurant_23-2147955260.jpg",
-          imageAlt: "coffee connoisseur portrait dark",
-        },
+          id: "3",          name: "Elena Rossi",          date: "20-07-2023",          title: "Kwaliteit!",          quote: "De bediening is even verfijnd als de koffie zelf.",          tag: "Vaste gast",          avatarSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-drinking-coffee-restaurant_23-2147955260.jpg",          imageAlt: "coffee connoisseur portrait dark"},
         {
-          id: "4",
-          name: "Jan Janssen",
-          date: "25-08-2023",
-          title: "Subliem",
-          quote: "Geen andere plek haalt dit niveau van toewijding.",
-          tag: "Fan",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-drinking-coffee_23-2148395402.jpg",
-          imageAlt: "professional coffee enjoyment portrait",
-        },
+          id: "4",          name: "Jan Janssen",          date: "25-08-2023",          title: "Subliem",          quote: "Geen andere plek haalt dit niveau van toewijding.",          tag: "Fan",          avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-drinking-coffee_23-2148395402.jpg",          imageAlt: "professional coffee enjoyment portrait"},
         {
-          id: "5",
-          name: "Sophie Bakker",
-          date: "02-09-2023",
-          title: "Hemels",
-          quote: "Echt vakmanschap in elk kopje, dag na dag.",
-          tag: "Koffie fanaat",
-          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg?_wi=2",
-          imageAlt: "handcrafted coffee cup close up",
-        },
+          id: "5",          name: "Sophie Bakker",          date: "02-09-2023",          title: "Hemels",          quote: "Echt vakmanschap in elk kopje, dag na dag.",          tag: "Koffie fanaat",          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251682.jpg",          imageAlt: "handcrafted coffee cup close up"},
       ]}
       title="Wat de kenners zeggen"
       description="Echte verhalen van onze gasten die dagelijks genieten van de Monsieur-standaard."
@@ -241,14 +142,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Bezoek Monsieur Kaffee. Laat u meevoeren door de rijkdom van onze espresso in een sfeer van nachtelijke elegantie."
       buttons={[
         {
-          text: "Plan uw bezoek",
-          href: "#",
-        },
+          text: "Plan uw bezoek",          href: "#"},
       ]}
     />
   </div>
@@ -259,33 +157,21 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Vind ons",
-              href: "#contact",
-            },
+              label: "Vind ons",              href: "#contact"},
             {
-              label: "Ons Verhaal",
-              href: "#features",
-            },
+              label: "Ons Verhaal",              href: "#features"},
             {
-              label: "Menu",
-              href: "#",
-            },
+              label: "Menu",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Legal",
-              href: "#",
-            },
+              label: "Legal",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-- 
2.49.1