Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandscapingPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776378532429-vzpqsrgt.png"
-            logoClassName="!w-20 !h-20 md:!w-28 md:!h-28 hidden md:block"
+            logoClassName="!w-16 !h-16 md:!w-20 md:!h-20"
             navItems={[
               { name: "Services", id: "services" },
               { name: "About", id: "about" },
@@ -54,17 +54,31 @@ export default function LandscapingPage() {
               { 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"
-            imageAlt="Landscaped garden with manicured lawn and shrubs"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP49IjyDLKjYOSDo6iWTsZZiTQ/uploaded-1776376475391-c26m28vv.png?_wi=1"
+            imageAlt="Landscaped garden"
+            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,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",                imageAlt: "Sarah M."},
-              {
-                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: "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 },
             ]}
           />
         </div>
@@ -93,16 +107,11 @@ export default function LandscapingPage() {
             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: "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: "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: "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: "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: "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" },
             ]}
           />
         </div>
@@ -116,12 +125,9 @@ 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",                imageAlt: "Lokaal bedrijf"},
-              {
-                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",                imageAlt: "Transparante prijzen"},
-              {
-                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"},
+              { 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: "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" },
             ]}
           />
         </div>
@@ -135,10 +141,7 @@ export default function LandscapingPage() {
             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",                imageAlt: "Chretien"}
-            ]}
+            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>
 
@@ -151,40 +154,21 @@ 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: "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: "6",                title: "Wat is uw KVK nummer?",                content: "Ons KVK nummer is 12345678, dit staat ook op al onze offertes."},
+              { 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: "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: "6", title: "Wat is uw KVK nummer?", content: "Ons KVK nummer is 12345678, dit staat ook op al onze offertes." },
             ]}
           />
         </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/default/templates/landscaping/bg-video.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"
             description="Tell us about your project and we'll get back to you within 24 hours."
             useInvertedBackground={false}
-            mediaAnimation="none"
             buttonText="Send Message"
             contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
             mediaWrapperClassName="hidden"
@@ -193,9 +177,7 @@ export default function LandscapingPage() {
               { name: "email", type: "email", placeholder: "Email Address", required: true },
               { name: "phone", type: "tel", placeholder: "Phone Number" },
             ]}
-            multiSelect={{
-              name: "service",              label: "Select a Service",              options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
-            }}
+            multiSelect={{ 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 }}
           />
         </div>
@@ -203,22 +185,8 @@ export default function LandscapingPage() {
         <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: "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" }] },
             ]}
             bottomLeftText="© 2026 GreenScape Landscaping"
             bottomRightText="All rights reserved"
@@ -227,4 +195,4 @@ export default function LandscapingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}