From 65e2c6871e04d6c358eefebdeb8ffddb35bf9c8f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 19:38:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3f550fa..86b0a42 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Clock, XCircle, Sandwich, Leaf, Coffee, Martini } from "lucide-react";
+import { Clock, XCircle, Sandwich, Leaf, Coffee, Martini, CalendarDays, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -102,21 +102,23 @@ export default function LandingPage() {
   <div id="open" data-section="open">
       <MetricCardThree
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
+      tag="Beschikbaarheid"
+      tagIcon={CalendarDays}
+      title="Openingsuren"
+      description="Bezoek onze winkel tijdens de volgende uren voor verse broodjes en meer."
       metrics={[
         {
           id: "m1",          icon: Clock,
-          title: "Maandag",          value: "09:00-19:00"},
+          title: "Weekdagen",          value: "09:00 - 19:00"},
         {
           id: "m2",          icon: XCircle,
           title: "Dinsdag",          value: "Gesloten"},
         {
           id: "m3",          icon: Clock,
-          title: "Woensdag-Zondag",          value: "09:00-19:00"},
+          title: "Weekend",          value: "09:00 - 19:00"},
       ]}
-      title="Openingsuren"
-      description="Wij verwelkomen u graag in onze zaak."
     />
   </div>
 
@@ -124,7 +126,7 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={true}
       title="Contacteer ons"
-      description="Bezoek onze vestiging in de Kerkstraat of neem contact op."
+      description="Vragen of speciale bestellingen? Neem contact op of kom langs in de Kerkstraat."
       inputs={[
         {
           name: "name",          type: "text",          placeholder: "Uw naam",          required: true,
@@ -164,4 +166,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file