Merge version_2 into main

Merge version_2 into main

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>
   );
-}
+}