Merge version_18 into main

Merge version_18 into main

src/app/page.tsx

@@ -7,7 +7,6 @@ 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 FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -30,69 +29,60 @@ export default function LandscapingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
-            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776378532429-vzpqsrgt.png"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776377688661-negoqo85.png"
-            logoClassName="!w-16 !h-16 md:!w-20 md:!h-20"
+            logoClassName="!w-20 !h-20 md:!w-28 md:!h-28"
             navItems={[
-              { name: "Services", id: "services" },
+              { name: "Diensten", id: "services" },
-              { name: "About", id: "about" },
+              { name: "Over ons", id: "about" },
-              { name: "Team", id: "team" },
               { name: "FAQ", id: "faq" },
               { name: "Contact", id: "contact" },
             ]}
-            button={{ text: "Call Now", href: "#contact" }}
+            button={{ text: "Offerte Aanvragen", href: "/contact" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
           <HeroOverlayTestimonial
-            tag="Professional Landscaping"
+            tag="Lokaal bedrijf in Kerkrade"
             tagIcon={Leaf}
-            title="Transform Your Outdoor Space"
+            title="Duurzame energie voor jouw thuis of bedrijf"
-            description="Professional landscaping design, installation, and maintenance services. From lush gardens to stunning hardscapes, we bring your vision to life."
+            description="Volt Duurzame Techniek installeert zonnepanelen en laadpalen in de regio Kerkrade. Vakkundig, eerlijk en lokaal."
             buttons={[
-              { text: "Get Free Estimate", href: "#contact" },
+              { text: "Gratis Offerte Aanvragen", href: "#contact" },
-              { text: "Our Services", href: "#services" },
+              { text: "Onze Diensten", href: "#services" },
             ]}
             buttonAnimation="slide-up"
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776376475391-c26m28vv.png?_wi=1"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776378869605-n5dbejzh.png"
-            imageAlt="Landscaped garden"
+            imageAlt="Landscaped garden with manicured lawn and shrubs"
-            className="md:hidden"
-            showDimOverlay={true}
-            textPosition="top"
-            testimonials={[]}
-          />
-          <HeroOverlayTestimonial
-            tag="Professional Landscaping"
-            tagIcon={Leaf}
-            title="Transform Your Outdoor Space"
-            description="Professional landscaping design, installation, and maintenance services. From lush gardens to stunning hardscapes, we bring your vision to life."
-            buttons={[
-              { text: "Get Free Estimate", href: "#contact" },
-              { text: "Our Services", href: "#services" },
-            ]}
-            buttonAnimation="slide-up"
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776376475391-c26m28vv.png?_wi=2"
-            imageAlt="Landscaped garden"
-            className="hidden md:block"
             showDimOverlay={true}
             textPosition="top"
             testimonials={[
-              { name: "Sarah M.", handle: "Homeowner", testimonial: "GreenScape completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.", rating: 5 },
+              {
-              { name: "David K.", handle: "Property Manager", testimonial: "We've used GreenScape for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.", rating: 5 },
+                name: "Mark D.",                handle: "Kerkrade",                testimonial: "Volt heeft bij ons zonnepanelen geplaatst. Alles werd duidelijk uitgelegd en de installatie was binnen een dag klaar. Echt een aanrader!",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776379735725-v0emyoc1.png"
+              },
+              {
+                name: "Sandra B.",                handle: "Eygelshoven",                testimonial: "Laadpaal laten installeren voor mijn elektrische auto. Snel, netjes en eerlijke prijs. Top service!",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776379735725-x9ivjkdl.png"
+              },
+              {
+                name: "Rob H.",                handle: "Landgraaf",                testimonial: "Fijn lokaal bedrijf. Persoonlijk advies gekregen en precies de juiste oplossing voor ons pand. Zeer tevreden!",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776379735725-ia85hjom.png"
+              }
             ]}
           />
         </div>
 
         <div id="about" data-section="about">
           <TestimonialAboutCard
-            tag="About GreenScape"
+            tag="Over Volt Duurzame Techniek"
             tagIcon={Leaf}
             tagAnimation="slide-up"
-            title="We've been transforming outdoor spaces for over 15 years — delivering designs that homeowners love and landscapes that last."
+            title="Al jaren installeren wij zonnepanelen en laadpalen in de regio Kerkrade — betrouwbaar, lokaal en altijd vakkundig uitgevoerd."
-            description="James Carter, Lead Designer"
+            description="Chretien, Eigenaar & Installateur"
-            subdescription="Founded in 2010"
+            subdescription=" Opgericht in 2022"
             icon={TreePine}
-            videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/about-video.mp4"
+            videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776383923478-2byrx1mn.mp4"
             mediaAnimation="slide-up"
             useInvertedBackground={false}
           />
@@ -100,18 +90,24 @@ export default function LandscapingPage() {
 
         <div id="services" data-section="services">
           <FeatureCardNineteen
-            tag="Our Services"
+            tag="Onze Diensten"
             tagIcon={Leaf}
-            title="What We Do"
+            title="Wat Wij Doen"
-            description="From design to maintenance, we handle every aspect of your landscape."
+            description="Van advies tot installatie, wij regelen alles voor jou."
             buttonAnimation="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
+            imageContainerClassName="!rotate-0 !aspect-square"
             features={[
-              { tag: "Design", title: "Landscape Design", subtitle: "Custom Plans", description: "We create tailored landscape designs that complement your property's architecture and your personal style.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg" },
+              {
-              { tag: "Installation", title: "Hardscape & Softscape", subtitle: "Full Installation", description: "From patios and walkways to gardens and trees, we handle the complete installation process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg" },
+                tag: "Duurzame energie",                title: "Zonnepanelen",                subtitle: "Particulier & Zakelijk",                description: "Wij installeren zonnepanelen op woningen en bedrijfspanden, volledig op maat voor jouw situatie.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776381176828-udesf7lw.png",                imageAlt: "Landscape design"
-              { tag: "Maintenance", title: "Lawn & Garden Care", subtitle: "Ongoing Service", description: "Keep your property looking pristine year-round with our professional maintenance plans.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg" },
+              },
-              { tag: "Irrigation", title: "Smart Irrigation", subtitle: "Water Management", description: "Efficient irrigation systems that keep your landscape healthy while conserving water.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg" },
+              {
+                tag: "Elektrisch rijden",                title: "Laadpalen",                subtitle: "Thuis & Bedrijf",                description: "Wij installeren slimme laadpalen voor elektrische auto's, zowel thuis als op het bedrijfspand.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776380953136-0bgjw33j.png",                imageAlt: "Hardscape installation"
+              },
+              {
+                tag: "Persoonlijk advies",                title: "Advies & Installatie",                subtitle: "Maatwerk",                description: "Weet je niet wat het beste bij jou past? Wij geven eerlijk persoonlijk advies en regelen de volledige installatie van begin tot eind.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776381386087-p49uqpue.png",                imageAlt: "Lawn maintenance"
+              },
             ]}
           />
         </div>
@@ -125,26 +121,19 @@ export default function LandscapingPage() {
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             members={[
-              { id: "1", name: "Lokaal bedrijf", role: "Diep geworteld in de regio met persoonlijke aandacht voor elke klant.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg" },
+              {
-              { id: "2", name: "Transparante prijzen", role: "Eerlijke prijzen zonder verborgen kosten, vooraf duidelijk gecommuniceerd.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg" },
+                id: "1",                name: "Lokaal bedrijf",                role: "Diep geworteld in de regio met persoonlijke aandacht voor elke klant.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776382066105-mj1fnm66.png",                imageAlt: "Lokaal bedrijf"
-              { id: "3", name: "Snelle service", role: "Wij zijn snel ter plaatse voor uw tuinonderhoud en projecten.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg" },
+              },
+              {
+                id: "2",                name: "Transparante prijzen",                role: "Eerlijke prijzen zonder verborgen kosten, vooraf duidelijk gecommuniceerd.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776382372209-7jfdgjzh.png",                imageAlt: "Transparante prijzen"
+              },
+              {
+                id: "3",                name: "Snelle service",                role: "Wij zijn snel ter plaatse voor uw onderhoud en projecten.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776382784364-rkopvk8w.jpg",                imageAlt: "Snelle service"
+              },
             ]}
           />
         </div>
 
-        <div id="team" data-section="team">
-          <TeamCardOne
-            tag="Ons Team"
-            title="Meet the Expert"
-            description="Uw toegewijde hovenier."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            members={[{ id: "1", name: "Chretien", role: "Senior Hovenier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg" }]}
-          />
-        </div>
-
         <div id="faq" data-section="faq">
           <FaqDouble
             tag="FAQ"
@@ -154,42 +143,73 @@ export default function LandscapingPage() {
             useInvertedBackground={false}
             faqsAnimation="slide-up"
             faqs={[
-              { id: "1", title: "Wat is uw werkgebied?", content: "Wij zijn werkzaam in de regio rondom Eygelshoven." },
+              {
-              { id: "2", title: "Bieden jullie vrijblijvend advies?", content: "Jazeker, wij komen graag langs om uw tuinwensen te bespreken." },
+                id: "1",                title: "Wat is uw werkgebied?",                content: "Wij zijn werkzaam in de regio rondom Eygelshoven."
-              { id: "3", title: "Hoe snel kunnen jullie starten?", content: "Dankzij onze efficiënte planning kunnen wij vaak op korte termijn starten." },
+              },
-              { id: "4", title: "Zijn jullie prijzen transparant?", content: "Absoluut, u ontvangt altijd een heldere offerte vooraf." },
+              {
-              { id: "5", title: "Bieden jullie ook onderhoud aan?", content: "Ja, wij bieden diverse onderhoudscontracten voor uw tuin." },
+                id: "2",                title: "Bieden jullie vrijblijvend advies?",                content: "Jazeker, wij komen graag langs om uw wensen te bespreken."
-              { id: "6", title: "Wat is uw KVK nummer?", content: "Ons KVK nummer is 12345678, dit staat ook op al onze offertes." },
+              },
+              {
+                id: "3",                title: "Hoe snel kunnen jullie starten?",                content: "Dankzij onze efficiënte planning kunnen wij vaak op korte termijn starten."
+              },
+              {
+                id: "4",                title: "Zijn jullie prijzen transparant?",                content: "Absoluut, u ontvangt altijd een heldere offerte vooraf."
+              },
             ]}
           />
         </div>
 
         <div id="contact" data-section="contact" className="relative overflow-hidden">
+          <div className="absolute inset-0 w-full h-full">
+            <video
+              src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776384891912-qpbmewb5.mp4"
+              autoPlay
+              muted
+              loop
+              playsInline
+              aria-hidden="true"
+              className="w-full h-full object-cover"
+            />
+            <div className="absolute inset-0 bg-foreground/70" />
+          </div>
           <ContactSplitForm
-            title="Get Your Free Estimate"
+            title="Vraag een gratis offerte aan"
-            description="Tell us about your project and we'll get back to you within 24 hours."
+            description="Vertel ons over uw project en wij nemen binnen 24 uur contact met u op."
             useInvertedBackground={false}
-            buttonText="Send Message"
+            mediaAnimation="none"
+            buttonText="Verstuur"
             contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
             mediaWrapperClassName="hidden"
             inputs={[
-              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "name", type: "text", placeholder: "Volledige Naam", required: true },
-              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "email", type: "email", placeholder: "E-mailadres", required: true },
-              { name: "phone", type: "tel", placeholder: "Phone Number" },
+              { name: "phone", type: "tel", placeholder: "Telefoonnummer" },
             ]}
-            multiSelect={{ name: "service", label: "Select a Service", options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"] }}
+            multiSelect={{
-            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
+              name: "service",              label: "Kies een dienst",              options: ["Zonnepanelen", "Laadpaal"],
+            }}
+            textarea={{ name: "message", placeholder: "Beschrijf uw project...", rows: 4, required: true }}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterSimple
             columns={[
-              { title: "Services", items: [{ label: "Landscape Design", href: "#services" }, { label: "Hardscape & Softscape", href: "#services" }, { label: "Lawn & Garden Care", href: "#services" }, { label: "Smart Irrigation", href: "#services" }] },
+              {
-              { title: "Contact", items: [{ label: "Laurastraat 131" }, { label: "6471 JK Eygelshoven" }, { label: "KVK: 12345678" }, { label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" }] },
+                title: "Diensten",                items: [
+                  { label: "Zonnepanelen", href: "#services" },
+                  { label: "Laadpalen", href: "#services" },
+                ],
+              },
+              {
+                title: "Contact",                items: [
+                  { label: "Kerkrade, Nederland" },
+                  { label: "hello@volt-techniek.nl", href: "mailto:hello@volt-techniek.nl" },
+                ],
+              },
             ]}
-            bottomLeftText="© 2026 GreenScape Landscaping"
+            bottomLeftText="© 2026 Volt Duurzame Techniek"
-            bottomRightText="All rights reserved"
+            bottomRightText="Alle rechten voorbehouden"
           />
         </div>
       </ReactLenis>