src/app/dienstverlening/page.tsx

@@ -0,0 +1,88 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Leaf } from "lucide-react";
+
+export default function DienstverleningPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            brandName="Kwantes GroenVerzorging"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Dienstverlening", id: "/dienstverlening" },
+              { name: "Over Frans", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{ text: "Bel direct", href: "tel:+31626354854" }}
+          />
+        </div>
+
+        <div id="dienstverlening" data-section="dienstverlening">
+          <FeatureCardTwentyFive
+            title="Onze Dienstverlening"
+            description="Expertise in alle facetten van tuin- en boomverzorging in West-Friesland."
+            textboxLayout="default"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Gazonverzorging",                description: "Compleet onderhoud voor een gezond en strak gazon, inclusief maaien, verticuteren en bemesten.",                icon: Leaf,
+                mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858213.jpg" }]
+              },
+              {
+                title: "Boomverzorging",                description: "Veilig snoeien en kappen van bomen op hoogte met professionele klimuitrusting.",                icon: Leaf,
+                mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-is-ready-jump-rope_1304-5125.jpg" }]
+              },
+              {
+                title: "Site Preparation",                description: "Voorbereidende werkzaamheden voor tuinaanleg en bestrating, inclusief grondverzet.",                icon: Leaf,
+                mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg" }]
+              },
+              {
+                title: "Naaldbomen & Coniferen",                description: "Gespecialiseerd onderhoud, snoeiwerk en advies voor coniferen en naaldboomsoorten.",                icon: Leaf,
+                mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-surrounded-by-trees-grass-sweden_181624-26025.jpg" }]
+              },
+              {
+                title: "Climbing Services",                description: "TCC-gecertificeerde klimtechnieken voor moeilijk bereikbare takken of bomen.",                icon: Leaf,
+                mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576403.jpg" }]
+              },
+              {
+                title: "Sneeuwruimen",                description: "Winterse service voor het sneeuwvrij houden van uw oprit en tuinpaden.",                icon: Leaf,
+                mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576403.jpg" }]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Kwantes GroenVerzorging", items: [{ label: "Ged. Laanweg 55, Andijk" }, { label: "KvK: 62481274" }] },
+              { title: "Diensten", items: [{ label: "Tuinonderhoud" }, { label: "Boomverzorging" }, { label: "Bestrating" }, { label: "Tuinhuizen" }] },
+              { title: "Contact", items: [{ label: "06 26354854", href: "tel:+31626354854" }, { label: "info@kwantesgroenverzorging.nl", href: "mailto:info@kwantesgroenverzorging.nl" }, { label: "Facebook", href: "https://facebook.com/Kwantesgroenverzorging" }] }
+            ]}
+            bottomLeftText="© 2025 Kwantes GroenVerzorging"
+            bottomRightText="Gemaakt door Webild"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandscapingPage() {
           <NavbarStyleFullscreen
             brandName="Kwantes GroenVerzorging"
             navItems={[
-              { name: "Diensten", id: "services" },
+              { name: "Dienstverlening", id: "/dienstverlening" },
               { name: "Over Frans", id: "about" },
               { name: "Galerij", id: "team" },
               { name: "Contact", id: "contact" },
@@ -152,4 +152,4 @@ export default function LandscapingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}