Update theme colors

Merge version_9 into main

src/app/page.tsx

@@ -8,7 +8,6 @@ import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCa
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
 import TeamCardSix from "@/components/sections/team/TeamCardSix";
 import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -31,64 +30,61 @@ export default function LandscapingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
-            brandName="GreenScape"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776377688661-negoqo85.png"
+            logoClassName="!w-20 !h-20 md:!w-28 md:!h-28"
             navItems={[
               { name: "Services", id: "services" },
               { name: "About", id: "about" },
               { name: "Team", id: "team" },
-              { name: "Testimonials", id: "testimonials" },
+              { 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"
-            description="Professional landscaping design, installation, and maintenance services. From lush gardens to stunning hardscapes, we bring your vision to life."
+            title="Duurzame energie voor jouw thuis of bedrijf"
+            description="Volt Duurzame Techniek installeert zonnepanelen en laadpalen in de regio Kerkrade. Vakkundig, eerlijk en lokaal."
             buttons={[
-              { text: "Get Free Estimate", href: "#contact" },
-              { text: "Our Services", href: "#services" },
+              { text: "Gratis Offerte Aanvragen", href: "#contact" },
+              { 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"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776378869605-n5dbejzh.png"
             imageAlt="Landscaped garden with manicured lawn and shrubs"
             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,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",
-                imageAlt: "Sarah M.",
+                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: "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,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",
-                imageAlt: "David K.",
+                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."
-            description="James Carter, Lead Designer"
-            subdescription="Founded in 2010"
+            title="Al jaren installeren wij zonnepanelen en laadpalen in de regio Kerkrade — betrouwbaar, lokaal en altijd vakkundig uitgevoerd."
+            description="Chretien, Eigenaar & Installateur"
+            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-1776380645447-dsmllct1.mp4"
             mediaAnimation="slide-up"
             useInvertedBackground={false}
           />
@@ -96,46 +92,26 @@ export default function LandscapingPage() {
 
         <div id="services" data-section="services">
           <FeatureCardNineteen
-            tag="Our Services"
+            tag="Onze Diensten"
             tagIcon={Leaf}
-            title="What We Do"
-            description="From design to maintenance, we handle every aspect of your landscape."
+            title="Wat Wij Doen"
+            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",
-                imageAlt: "Landscape design",
+                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: "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",
-                imageAlt: "Hardscape installation",
+                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: "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",
-                imageAlt: "Lawn maintenance",
+                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"
               },
               {
-                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",
-                imageAlt: "Irrigation system",
+                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",                imageAlt: "Irrigation system"
               },
             ]}
           />
@@ -143,33 +119,21 @@ export default function LandscapingPage() {
 
         <div id="why-us" data-section="why-us">
           <TeamCardSix
-            title="Why Choose GreenScape"
-            description="What sets us apart from the rest."
+            title="Waarom voor ons kiezen"
+            description="Uw lokale partner voor een prachtige tuin."
             textboxLayout="default"
             useInvertedBackground={false}
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             members={[
               {
-                id: "1",
-                name: "Expert Craftsmanship",
-                role: "Decades of combined experience in landscape design and installation.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg",
-                imageAlt: "Expert craftsmanship",
+                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: "2",
-                name: "Eco-Friendly Approach",
-                role: "Sustainable practices and native plant selections that thrive naturally.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg",
-                imageAlt: "Eco-friendly landscaping",
+                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: "Full-Service Care",
-                role: "From initial design to ongoing maintenance, we handle everything.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg",
-                imageAlt: "Full-service care",
+                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",                imageAlt: "Snelle service"
               },
             ]}
           />
@@ -177,72 +141,16 @@ export default function LandscapingPage() {
 
         <div id="team" data-section="team">
           <TeamCardOne
-            tag="Our Team"
-            title="Meet the Experts"
-            description="The skilled professionals behind every beautiful landscape."
+            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: "James Carter",
-                role: "Lead Designer",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
-                imageAlt: "James Carter",
-              },
-              {
-                id: "2",
-                name: "Maria Silva",
-                role: "Horticulturist",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
-                imageAlt: "Maria Silva",
-              },
-              {
-                id: "3",
-                name: "Ryan Mitchell",
-                role: "Project Manager",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
-                imageAlt: "Ryan Mitchell",
-              },
-            ]}
-          />
-        </div>
-
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwelve
-            cardTag="Trusted by Homeowners"
-            cardTagIcon={Leaf}
-            cardTitle="Over 500 happy clients trust GreenScape to transform and maintain their outdoor spaces."
-            buttons={[{ text: "Contact Now", href: "#contact" }]}
-            buttonAnimation="slide-up"
-            cardAnimation="slide-up"
-            useInvertedBackground={false}
-            testimonials={[
-              {
-                id: "1",
-                name: "Sarah M.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
-                imageAlt: "Sarah M.",
-              },
-              {
-                id: "2",
-                name: "David K.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
-                imageAlt: "David K.",
-              },
-              {
-                id: "3",
-                name: "Emily R.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
-                imageAlt: "Emily R.",
-              },
-              {
-                id: "4",
-                name: "Ryan M.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
-                imageAlt: "Ryan M.",
+                id: "1",                name: "Chretien",                role: "Senior Hovenier",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",                imageAlt: "Chretien"
               },
             ]}
           />
@@ -251,41 +159,29 @@ export default function LandscapingPage() {
         <div id="faq" data-section="faq">
           <FaqDouble
             tag="FAQ"
-            title="Frequently Asked Questions"
-            description="Everything you need to know about our landscaping services."
+            title="Veelgestelde vragen"
+            description="Alles wat u moet weten over onze diensten."
             textboxLayout="default"
             useInvertedBackground={false}
             faqsAnimation="slide-up"
             faqs={[
               {
-                id: "1",
-                title: "How long does a typical landscaping project take?",
-                content: "Most residential projects take 1-3 weeks depending on scope. We'll provide a detailed timeline during your consultation so you know exactly what to expect.",
+                id: "1",                title: "Wat is uw werkgebied?",                content: "Wij zijn werkzaam in de regio rondom Eygelshoven."
               },
               {
-                id: "2",
-                title: "Do you offer free consultations?",
-                content: "Yes! We offer complimentary on-site consultations where we assess your property, discuss your vision, and provide a detailed estimate — no obligation.",
+                id: "2",                title: "Bieden jullie vrijblijvend advies?",                content: "Jazeker, wij komen graag langs om uw tuinwensen te bespreken."
               },
               {
-                id: "3",
-                title: "What areas do you serve?",
-                content: "We serve the greater metropolitan area and surrounding suburbs within a 50-mile radius. Contact us to confirm service availability in your location.",
+                id: "3",                title: "Hoe snel kunnen jullie starten?",                content: "Dankzij onze efficiënte planning kunnen wij vaak op korte termijn starten."
               },
               {
-                id: "4",
-                title: "Do you provide ongoing maintenance?",
-                content: "Absolutely. We offer weekly, bi-weekly, and monthly maintenance plans that include mowing, trimming, fertilization, and seasonal cleanups.",
+                id: "4",                title: "Zijn jullie prijzen transparant?",                content: "Absoluut, u ontvangt altijd een heldere offerte vooraf."
               },
               {
-                id: "5",
-                title: "Are your practices eco-friendly?",
-                content: "Yes, sustainability is core to our approach. We use native plants, organic fertilizers, smart irrigation, and environmentally responsible methods whenever possible.",
+                id: "5",                title: "Bieden jullie ook onderhoud aan?",                content: "Ja, wij bieden diverse onderhoudscontracten voor uw tuin."
               },
               {
-                id: "6",
-                title: "Do you handle permits and HOA approvals?",
-                content: "We handle all necessary permits and can work directly with your HOA to ensure your project meets community guidelines and gets approved smoothly.",
+                id: "6",                title: "Wat is uw KVK nummer?",                content: "Ons KVK nummer is 12345678, dit staat ook op al onze offertes."
               },
             ]}
           />
@@ -311,7 +207,6 @@ export default function LandscapingPage() {
             mediaAnimation="none"
             buttonText="Send Message"
             contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
-
             mediaWrapperClassName="hidden"
             inputs={[
               { name: "name", type: "text", placeholder: "Full Name", required: true },
@@ -319,9 +214,7 @@ export default function LandscapingPage() {
               { name: "phone", type: "tel", placeholder: "Phone Number" },
             ]}
             multiSelect={{
-              name: "service",
-              label: "Select a Service",
-              options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
+              name: "service",              label: "Select a Service",              options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
             }}
             textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
           />
@@ -331,8 +224,7 @@ export default function LandscapingPage() {
           <FooterSimple
             columns={[
               {
-                title: "Services",
-                items: [
+                title: "Services",                items: [
                   { label: "Landscape Design", href: "#services" },
                   { label: "Hardscape & Softscape", href: "#services" },
                   { label: "Lawn & Garden Care", href: "#services" },
@@ -340,20 +232,11 @@ export default function LandscapingPage() {
                 ],
               },
               {
-                title: "Company",
-                items: [
-                  { label: "About", href: "#about" },
-                  { label: "Team", href: "#team" },
-                  { label: "Testimonials", href: "#testimonials" },
-                  { label: "FAQ", href: "#faq" },
-                ],
-              },
-              {
-                title: "Contact",
-                items: [
-                  { label: "(555) 123-4567", href: "tel:5551234567" },
+                title: "Contact",                items: [
+                  { label: "Laurastraat 131" },
+                  { label: "6471 JK Eygelshoven" },
+                  { label: "KVK: 12345678" },
                   { label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
-                  { label: "Los Angeles, CA" },
                 ],
               },
             ]}
@@ -364,4 +247,4 @@ export default function LandscapingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f9f4;
-  --card: #ffffff;
-  --foreground: #1a2e1a;
-  --primary-cta: #2d5a27;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #2d5a27;
-  --accent: #4a8c3f;
-  --background-accent: #6fb85e;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);