Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
@@ -43,29 +43,20 @@ export default function LandscapingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroOverlayTestimonial
+          <HeroBillboardCarousel
             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."
+            background={{ variant: "sparkles-gradient" }}
             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/default/templates/landscaping/hero.jpg"
-            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: "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."
-              },
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/hero.jpg", imageAlt: "Beautifully landscaped garden with vibrant flowers and stone path" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg?_wi=1", imageAlt: "Modern patio design with stone textures" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg?_wi=1", imageAlt: "Lush green lawn and carefully pruned trees" }
             ]}
           />
         </div>
@@ -90,8 +81,8 @@ export default function LandscapingPage() {
             gridVariant="three-columns-all-equal-width"
             animationType="slide-up"
             features={[
-              { title: "Landscape Design", description: "Tailored plans reflecting architectural beauty.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/icon-1.png", buttonText: "Learn More", buttonHref: "#contact" },
-              { title: "Hardscaping", description: "Premium stone and pathway installations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/icon-2.png", buttonText: "Learn More", buttonHref: "#contact" },
+              { title: "Landscape Design", description: "Tailored plans reflecting architectural beauty.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg?_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/icon-1.png", buttonText: "Learn More", buttonHref: "#contact" },
+              { title: "Hardscaping", description: "Premium stone and pathway installations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg?_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/icon-2.png", buttonText: "Learn More", buttonHref: "#contact" },
               { title: "Maintenance", description: "White-glove care for every season.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/icon-3.png", buttonText: "Learn More", buttonHref: "#contact" }
             ]}
           />
@@ -158,4 +149,4 @@ export default function LandscapingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,11 +12,11 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
+  --secondary-cta-text: #000612e6;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;