Merge version_5 into main

Merge version_5 into main

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/layout.tsx

@@ -6,20 +6,24 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
+import { Montserrat } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";
 
-const halant = Halant({
-  variable: "--font-halant",
+
+
+export const metadata: Metadata = { title: 'Kwantes GroenVerzorging | Hovenier in West-Friesland', description: 'Betaalbare hovenier in West-Friesland. Frans Kwantes biedt tuinonderhoud, boomverzorging (TCC), bestrating en meer. Betrouwbaar, ervaren en per uur.', openGraph: { title: 'Kwantes GroenVerzorging | Hovenier in West-Friesland', description: 'Professionele tuinverzorging en boomklimmer in West-Friesland. Uw tuin in goede handen bij Frans Kwantes.', type: 'website', url: 'https://kwantesgroenverzorging.nl' } };
+
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
   subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+  weight: ["400", "700"],
 });
-
 const inter = Inter({
   variable: "--font-inter",
   subsets: ["latin"],
 });
 
-export const metadata: Metadata = { title: 'Kwantes GroenVerzorging | Hovenier in West-Friesland', description: 'Betaalbare hovenier in West-Friesland. Frans Kwantes biedt tuinonderhoud, boomverzorging (TCC), bestrating en meer. Betrouwbaar, ervaren en per uur.', openGraph: { title: 'Kwantes GroenVerzorging | Hovenier in West-Friesland', description: 'Professionele tuinverzorging en boomklimmer in West-Friesland. Uw tuin in goede handen bij Frans Kwantes.', type: 'website', url: 'https://kwantesgroenverzorging.nl' } };
-
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -28,9 +32,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/page.tsx

@@ -7,7 +7,7 @@ import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestim
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
 import TeamCardSix from "@/components/sections/team/TeamCardSix";
-import TeamCardOne from "@/components/sections/team/TeamCardOne";
+import TeamCardTen from "@/components/sections/team/TeamCardTen";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import { Leaf, Award } from "lucide-react";
@@ -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" },
@@ -44,8 +44,9 @@ export default function LandscapingPage() {
           <HeroOverlayTestimonial
             tag="Uw vakman in West-Friesland"
             tagIcon={Leaf}
-            title="Een hovenier te duur? Ik werk gewoon per uur."
-            description="Ervaren hovenier en gecertificeerd boomklimmer (TCC). Betrouwbaar, professioneel en geen onverwachte kosten."
+            title="Kwantes Groenverzorging"
+            titleClassName="text-5xl md:text-7xl font-extrabold"
+            description="Een hovenier te duur? Ik werk gewoon per uur. Ervaren hovenier en gecertificeerd boomklimmer (TCC). Betrouwbaar, professioneel en geen onverwachte kosten."
             testimonials={[]}
             buttons={[
               { text: "Offerte aanvragen", href: "#contact" },
@@ -67,7 +68,7 @@ export default function LandscapingPage() {
             description="Als gecertificeerd boomklimmer met meer dan 10 jaar ervaring, combineer ik vakkennis met passie voor de natuur."
             subdescription="Gevestigd in Andijk, actief in heel West-Friesland. Voor ieders budget een passende oplossing."
             icon={Award}
-            imageSrc="http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holds-clippers-gloves_141793-115742.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holds-clippers-gloves_141793-115742.jpg?_wi=1"
             imageAlt="Frans Kwantes, hovenier en boomklimmer"
             mediaAnimation="slide-up"
             useInvertedBackground={false}
@@ -82,7 +83,7 @@ export default function LandscapingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { tag: "Onderhoud", title: "Tuinonderhoud", subtitle: "Complete verzorging", description: "Gazonbehandeling, onkruid wieden, bladeren ruimen en seizoensgebonden zorg.", imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg" },
+              { tag: "Onderhoud", title: "Tuinonderhoud", subtitle: "Complete verzorging", description: "Gazonbehandeling, onkruid wieden, bladeren ruimen en seizoensgebonden zorg.", imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg?_wi=1" },
               { tag: "Boomverzorging", title: "Boomklimmen", subtitle: "TCC Gecertificeerd", description: "Veilig snoeien en kappen van bomen op hoogte met eigen klimuitrusting.", imageSrc: "http://img.b2bpic.net/free-photo/man-is-ready-jump-rope_1304-5125.jpg" },
               { tag: "Bestrating", title: "Bestrating", subtitle: "Terrassen & paden", description: "Aanleg van terrassen, paden en bestrating rondom tuinhuizen.", imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858213.jpg" },
               { tag: "Tuinhuizen", title: "Overkappingen", subtitle: "Compleet pakket", description: "Van ondergrond tot stroom en dak; volledig ontzorgd plaatsen van uw tuinhuis.", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-surrounded-by-trees-grass-sweden_181624-26025.jpg" }
@@ -108,18 +109,15 @@ export default function LandscapingPage() {
         </div>
 
         <div id="team" data-section="team">
-          <TeamCardOne
-            title="Bekijk ons werk"
-            description="Impressie van tuinprojecten, boomverzorging en houtbewerking."
-            gridVariant="four-items-2x2-equal-grid"
-            animationType="blur-reveal"
-            textboxLayout="default"
-            useInvertedBackground={false}
+          <TeamCardTen
+            title="Ons team"
+            tag="Vakmensen"
+            membersAnimation="slide-up"
+            memberVariant="card"
+            useInvertedBackground={true}
             members={[
-              { id: "1", name: "Project 1", role: "Tuinrenovatie", imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-2125.jpg" },
-              { id: "2", name: "Project 2", role: "Boomverzorging", imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4977.jpg" },
-              { id: "3", name: "Project 3", role: "Houtdecoratie", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-heart-shaped-ornaments-with-flowers_181624-33562.jpg" },
-              { id: "4", name: "Project 4", role: "Schuttingen", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-image-colorful-wooden-fence-with-grass_181624-26295.jpg" }
+              { id: "1", name: "Frans Kwantes", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holds-clippers-gloves_141793-115742.jpg?_wi=2" },
+              { id: "2", name: "Assistent", imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205677.jpg?_wi=2" }
             ]}
           />
         </div>
@@ -136,6 +134,7 @@ export default function LandscapingPage() {
             textarea={{ name: "message", placeholder: "Vertel ons over uw tuinwens...", rows: 4, required: true }}
             buttonText="Verstuur aanvraag"
             useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-image-colorful-wooden-fence-with-grass_181624-26295.jpg"
           />
         </div>
 
@@ -153,4 +152,4 @@ export default function LandscapingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }