Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,12 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TextAbout from '@/components/sections/about/TextAbout';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import { Leaf, MapPin, ShieldCheck, Users, Wrench } from "lucide-react";
 
 export default function LandingPage() {
@@ -73,33 +73,35 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="diensten" data-section="diensten">
+  <div id="over-ons" data-section="over-ons">
-      <FeatureCardTwelve
+    <MediaAbout 
-      animationType="slide-up"
+      title="Uw hovenier in Uddel en Apeldoorn" 
-      textboxLayout="split"
+      description="Van de Ridder Tuinen combineert jarenlange ervaring met persoonlijke aandacht voor elke tuin. Van ontwerp tot aanleg en onderhoud, wij zorgen voor uw groene oase."
+      imageSrc="http://img.b2bpic.net/free-photo/gardener-looking-fresh-green-plant_23-2147844325.jpg"
       useInvertedBackground={false}
-      features={[
-        { id: "d1", label: "Aanleg", title: "Tuin aanleggen", items: ["Nieuwbouw tuinen", "Bestrating", "Beplanting", "Ontwerp"] },
-        { id: "d2", label: "Onderhoud", title: "Tuinonderhoud", items: ["Snoeien", "Gazon onderhoud", "Seizoensonderhoud", "Onkruid verwijderen"] },
-        { id: "d3", label: "Advies", title: "Tuinadvies", items: ["Beplantingsplan", "Onderhoudsadvies", "Tuinrenovatie"] },
-      ]}
-      title="Onze diensten"
-      description="Wij bieden alles voor uw tuin in de regio Apeldoorn."
     />
   </div>
 
-  <div id="over-ons" data-section="over-ons">
+  <div id="diensten" data-section="diensten">
-      <TextAbout
+    <FeatureCardOne
-      useInvertedBackground={true}
+      title="Diensten"
-      title="Uw hovenier in Uddel en Apeldoorn"
+      description="Ontdek onze expertise voor uw tuin."
-      buttons={[{ text: "WhatsApp ons", href: "https://wa.me/31653343417" }]}
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      gridVariant="uniform-all-items-equal"
+      features={[
+        { title: "Tuin aanleggen", description: "Nieuwbouw tuinen en bestrating.", imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg" },
+        { title: "Tuinonderhoud", description: "Snoeien en gazononderhoud.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905236.jpg" },
+        { title: "Tuinadvies", description: "Beplantingsplannen en renovatie.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stone-path-walk-run-garden_74190-8976.jpg" }
+      ]}
     />
   </div>
 
   <div id="waarom" data-section="waarom">
       <MetricCardSeven
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
         { id: "m1", value: "Lokaal", title: "Regio Apeldoorn", items: ["Altijd in de buurt", "Snelle service"] },