From dfd15767a8ac4475cc12a75133635bc147172b5e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 00:37:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 407 +++++++++++++++--------------------------------
 1 file changed, 130 insertions(+), 277 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 88d2bda..fa3cd1b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,292 +18,145 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Why Us",
-          id: "features",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Sunshine Landscaping Solutions"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+              navItems={[
+                { name: "Home", id: "hero" },
+                { name: "Why Us", id: "features" },
+                { name: "Services", id: "services" },
+                { name: "Reviews", id: "testimonials" },
+                { name: "Contact", id: "contact" },
+              ]}
+              brandName="Sunshine Landscaping Solutions"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Create the Outdoor Space You’ll Love Coming Home To"
-      description="Premium landscaping, turf, decking, paving and full-yard transformations across Melbourne’s West."
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "View Our Work",
-          href: "#services",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-having-video-call-with-her-husband-their-daughter-outdoors_23-2149120907.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ happy Melbourne families"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroOverlay
+              title="Create the Outdoor Space You’ll Love Coming Home To"
+              description="Premium landscaping, turf, decking, paving and full-yard transformations across Melbourne’s West."
+              buttons={[
+                { text: "Get a Free Quote", href: "#contact" },
+                { text: "View Our Work", href: "#services" },
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/woman-having-video-call-with-her-husband-their-daughter-outdoors_23-2149120907.jpg"
+              avatars={[
+                { src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 1" },
+                { src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 2" },
+                { src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 3" },
+                { src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 4" },
+                { src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 5" },
+              ]}
+              avatarText="Trusted by 500+ happy Melbourne families"
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Premium Workmanship",
-          description: "High-quality materials, precise installation, and beautiful finishes.",
-          icon: CheckCircle,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-video-call-with-her-husband-their-daughter-outdoors_23-2149120907.jpg?_wi=2",
-          imageAlt: "luxury landscaping modern garden",
-        },
-        {
-          title: "Punctual Service",
-          description: "Fast turnaround and reliable teams; we show up when we say we will.",
-          icon: Clock,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=3",
-          imageAlt: "premium landscape workmanship detail",
-        },
-        {
-          title: "Transparent Pricing",
-          description: "Fair and honest quotes with no hidden surprises or stress.",
-          icon: ShieldCheck,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=4",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=5",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=3",
-          imageAlt: "fast reliable landscape service",
-        },
-      ]}
-      title="Why Choose Us"
-      description="Honest. Skilled. Reliable. Loved by Locals."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyFive
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="Why Choose Us"
+              description="Honest. Skilled. Reliable. Loved by Locals."
+              features={[
+                {
+                  title: "Premium Workmanship",                  description: "High-quality materials, precise installation, and beautiful finishes.",                  icon: CheckCircle,
+                  mediaItems: [
+                    { imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
+                    { imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" }
+                  ]
+                },
+                {
+                  title: "Punctual Service",                  description: "Fast turnaround and reliable teams; we show up when we say we will.",                  icon: Clock,
+                  mediaItems: [
+                    { imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
+                    { imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" }
+                  ]
+                },
+                {
+                  title: "Transparent Pricing",                  description: "Fair and honest quotes with no hidden surprises or stress.",                  icon: ShieldCheck,
+                  mediaItems: [
+                    { imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
+                    { imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" }
+                  ]
+                }
+              ]}
+            />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "s1",
-          name: "Artificial Turf",
-          price: "Custom",
-          variant: "Installation",
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=6",
-        },
-        {
-          id: "s2",
-          name: "Natural Turf",
-          price: "Custom",
-          variant: "Premium Sir Walter",
-          imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=4",
-        },
-        {
-          id: "s3",
-          name: "Decking",
-          price: "Custom",
-          variant: "Timber/Composite",
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=7",
-        },
-        {
-          id: "s4",
-          name: "Paving",
-          price: "Custom",
-          variant: "Pathways/Walkways",
-          imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=5",
-        },
-        {
-          id: "s5",
-          name: "Fencing",
-          price: "Custom",
-          variant: "Steel/Timber",
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=8",
-        },
-        {
-          id: "s6",
-          name: "Yard Makeovers",
-          price: "Custom",
-          variant: "Full Transformations",
-          imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=6",
-        },
-      ]}
-      title="Complete Landscaping Solutions"
-      description="Transform your outdoor space with custom design and expert craftsmanship."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <ProductCardFour
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="four-items-2x2-equal-grid"
+              useInvertedBackground={false}
+              products={[
+                { id: "s1", name: "Artificial Turf", price: "Custom", variant: "Installation", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
+                { id: "s2", name: "Natural Turf", price: "Custom", variant: "Premium Sir Walter", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
+                { id: "s3", name: "Decking", price: "Custom", variant: "Timber/Composite", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
+                { id: "s4", name: "Paving", price: "Custom", variant: "Pathways/Walkways", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
+                { id: "s5", name: "Fencing", price: "Custom", variant: "Steel/Timber", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
+                { id: "s6", name: "Yard Makeovers", price: "Custom", variant: "Full Transformations", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
+              ]}
+              title="Complete Landscaping Solutions"
+              description="Transform your outdoor space with custom design and expert craftsmanship."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Zohair A.",
-          date: "2023",
-          title: "Front & Backyard",
-          quote: "Amazing work — punctual, professional and friendly.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Ragini K.",
-          date: "2023",
-          title: "Backyard",
-          quote: "Quick, reliable and high-quality. Stress-free.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "HSGman200",
-          date: "2023",
-          title: "Custom Project",
-          quote: "Honest, flexible and helpful. Highly recommended.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          name: "Rohit S.",
-          date: "2023",
-          title: "Turf & Decking",
-          quote: "Everything was done perfectly. Our home is complete.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=4",
-        },
-        {
-          id: "5",
-          name: "Jane D.",
-          date: "2024",
-          title: "Garden Redesign",
-          quote: "Incredible attention to detail, transformed our lives.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=5",
-        },
-      ]}
-      title="Loved by Homeowners"
-      description="See why Melbourne residents trust our team."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardFive
+              textboxLayout="default"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "1", name: "Zohair A.", date: "2023", title: "Front & Backyard", quote: "Amazing work — punctual, professional and friendly.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
+                { id: "2", name: "Ragini K.", date: "2023", title: "Backyard", quote: "Quick, reliable and high-quality. Stress-free.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
+                { id: "3", name: "HSGman200", date: "2023", title: "Custom Project", quote: "Honest, flexible and helpful. Highly recommended.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
+                { id: "4", name: "Rohit S.", date: "2023", title: "Turf & Decking", quote: "Everything was done perfectly. Our home is complete.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
+                { id: "5", name: "Jane D.", date: "2024", title: "Garden Redesign", quote: "Incredible attention to detail, transformed our lives.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
+              ]}
+              title="Loved by Homeowners"
+              description="See why Melbourne residents trust our team."
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Your Local Landscaping Specialists"
-      description={[
-        "Sunshine Landscaping Solutions was built on a simple promise: deliver high-quality landscaping at fair prices with honesty, punctuality and pride.",
-        "Our team brings years of hands-on experience across turfing, decking, fencing, paving and garden construction. We treat every property as if it were our own.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextSplitAbout
+              useInvertedBackground={false}
+              title="Your Local Landscaping Specialists"
+              description={[
+                "Sunshine Landscaping Solutions was built on a simple promise: deliver high-quality landscaping at fair prices with honesty, punctuality and pride.",                "Our team brings years of hands-on experience across turfing, decking, fencing, paving and garden construction. We treat every property as if it were our own."]}
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Get Started"
-      title="Start Your Transformation Today"
-      description="Tell us about your project and we’ll get back to you promptly with a personalised quote."
-      buttons={[
-        {
-          text: "Get My Free Quote",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+              useInvertedBackground={false}
+              background={{ variant: "plain" }}
+              tag="Let's Get Started"
+              title="Start Your Transformation Today"
+              description="Tell us about your project and we’ll get back to you promptly with a personalised quote."
+              buttons={[
+                { text: "Get My Free Quote", href: "#" },
+              ]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Sunshine Landscaping Solutions"
-      leftLink={{
-        text: "Servicing Melbourne’s Western Suburbs",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Sunshine Landscaping Solutions",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+              logoText="Sunshine Landscaping Solutions"
+              leftLink={{ text: "Servicing Melbourne’s Western Suburbs", href: "#" }}
+              rightLink={{ text: "© 2024 Sunshine Landscaping Solutions", href: "#" }}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1