From a06a113155fe4031073d99a3eda7197bc993197f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 03:20:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 164 +++++++++++------------------------------------
 1 file changed, 39 insertions(+), 125 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0aac985..6dcecaa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,7 +28,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="grid"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="solid"
@@ -42,13 +42,13 @@ export default function HomePage() {
         <HeroLogoBillboardSplit
           logoText="TREES A CROWD"
           description="Safe, reliable tree removal, pruning, and maintenance by a local team that cares about your property."
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Call Now: 0450 552 659", href: "tel:0450552659" },
             { text: "Get a Free Quote", href: "/contact" },
           ]}
           layoutOrder="default"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0rg3h&_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0rg3h"
           imageAlt="Professional tree removal service in Perth"
           frameStyle="card"
           mediaAnimation="slide-up"
@@ -61,93 +61,57 @@ export default function HomePage() {
         <FeatureCardTwentyFive
           features={[
             {
-              title: "Tree Removal",
-              description: "Safe and efficient removal of dangerous or unwanted trees. Complete debris cleanup included.",
-              icon: Trees,
+              title: "Tree Removal",              description: "Safe and efficient removal of dangerous or unwanted trees. Complete debris cleanup included.",              icon: Trees,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0rg3h&_wi=2",
-                  imageAlt: "Professional tree removal service",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0rg3h",                  imageAlt: "Professional tree removal service"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xsd6w&_wi=1",
-                  imageAlt: "Clean site after removal",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xsd6w",                  imageAlt: "Clean site after removal"},
               ],
             },
             {
-              title: "Tree Pruning",
-              description: "Improve tree health and shape with expert pruning. Enhances growth and maintains structure.",
-              icon: Scissors,
+              title: "Tree Pruning",              description: "Improve tree health and shape with expert pruning. Enhances growth and maintains structure.",              icon: Scissors,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0olw48&_wi=1",
-                  imageAlt: "Professional pruning service",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0olw48",                  imageAlt: "Professional pruning service"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=14j6m1&_wi=1",
-                  imageAlt: "Healthy tree after pruning",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=14j6m1",                  imageAlt: "Healthy tree after pruning"},
               ],
             },
             {
-              title: "Tree Lopping",
-              description: "Manage large or overgrown branches safely. Keeps trees healthy and your property clear.",
-              icon: Zap,
+              title: "Tree Lopping",              description: "Manage large or overgrown branches safely. Keeps trees healthy and your property clear.",              icon: Zap,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9b7u8&_wi=1",
-                  imageAlt: "Tree lopping service",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9b7u8",                  imageAlt: "Tree lopping service"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xsd6w&_wi=2",
-                  imageAlt: "Cleared property space",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xsd6w",                  imageAlt: "Cleared property space"},
               ],
             },
             {
-              title: "Dead Tree Removal",
-              description: "Safely remove hazardous dead trees. Protects your property from falling branches.",
-              icon: AlertTriangle,
+              title: "Dead Tree Removal",              description: "Safely remove hazardous dead trees. Protects your property from falling branches.",              icon: AlertTriangle,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w95mpj&_wi=1",
-                  imageAlt: "Dead tree removal service",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w95mpj",                  imageAlt: "Dead tree removal service"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ixgar&_wi=1",
-                  imageAlt: "Site after removal",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ixgar",                  imageAlt: "Site after removal"},
               ],
             },
             {
-              title: "Tree Maintenance",
-              description: "Ongoing care to keep your trees healthy year-round. Regular inspections and pruning.",
-              icon: Heart,
+              title: "Tree Maintenance",              description: "Ongoing care to keep your trees healthy year-round. Regular inspections and pruning.",              icon: Heart,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2ur98&_wi=1",
-                  imageAlt: "Tree maintenance service",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2ur98",                  imageAlt: "Tree maintenance service"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=14j6m1&_wi=2",
-                  imageAlt: "Well-maintained trees",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=14j6m1",                  imageAlt: "Well-maintained trees"},
               ],
             },
             {
-              title: "Property Cleanup",
-              description: "Complete site cleanup after any tree work. Debris removal and site restoration.",
-              icon: Sparkles,
+              title: "Property Cleanup",              description: "Complete site cleanup after any tree work. Debris removal and site restoration.",              icon: Sparkles,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xsd6w&_wi=3",
-                  imageAlt: "Clean property",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xsd6w",                  imageAlt: "Clean property"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ixgar&_wi=2",
-                  imageAlt: "Site restoration",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ixgar",                  imageAlt: "Site restoration"},
               ],
             },
           ]}
@@ -182,45 +146,17 @@ export default function HomePage() {
         <ProductCardTwo
           products={[
             {
-              id: "1",
-              brand: "Backyard",
-              name: "Large Tree Removal",
-              price: "Complete",
-              rating: 5,
-              reviewCount: "2024",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xbvgmv&_wi=1",
-              imageAlt: "Tree removal before",
-            },
+              id: "1",              brand: "Backyard",              name: "Large Tree Removal",              price: "Complete",              rating: 5,
+              reviewCount: "2024",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xbvgmv",              imageAlt: "Tree removal before"},
             {
-              id: "2",
-              brand: "Cleanup",
-              name: "Site Restoration",
-              price: "Complete",
-              rating: 5,
-              reviewCount: "2024",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xsd6w&_wi=4",
-              imageAlt: "Site after removal",
-            },
+              id: "2",              brand: "Cleanup",              name: "Site Restoration",              price: "Complete",              rating: 5,
+              reviewCount: "2024",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xsd6w",              imageAlt: "Site after removal"},
             {
-              id: "3",
-              brand: "Maintenance",
-              name: "Tree Pruning",
-              price: "Complete",
-              rating: 5,
-              reviewCount: "2024",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9rvv9g&_wi=1",
-              imageAlt: "Tree before pruning",
-            },
+              id: "3",              brand: "Maintenance",              name: "Tree Pruning",              price: "Complete",              rating: 5,
+              reviewCount: "2024",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9rvv9g",              imageAlt: "Tree before pruning"},
             {
-              id: "4",
-              brand: "Healthy Growth",
-              name: "After Pruning",
-              price: "Complete",
-              rating: 5,
-              reviewCount: "2024",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=14j6m1&_wi=3",
-              imageAlt: "Tree after pruning",
-            },
+              id: "4",              brand: "Healthy Growth",              name: "After Pruning",              price: "Complete",              rating: 5,
+              reviewCount: "2024",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=14j6m1",              imageAlt: "Tree after pruning"},
           ]}
           title="Recent Work"
           description="Browse our latest tree removal and pruning projects across Perth. Expert work, satisfied customers."
@@ -240,32 +176,14 @@ export default function HomePage() {
         <TestimonialCardSixteen
           testimonials={[
             {
-              id: "1",
-              name: "Jonathan Allison",
-              role: "Homeowner",
-              company: "Perth, WA",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=azy8ga&_wi=1",
-              imageAlt: "Jonathan Allison",
-            },
+              id: "1",              name: "Jonathan Allison",              role: "Homeowner",              company: "Perth, WA",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=azy8ga",              imageAlt: "Jonathan Allison"},
             {
-              id: "2",
-              name: "Robin",
-              role: "Business Owner",
-              company: "A Touch of Glass Massage",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bjncm1&_wi=1",
-              imageAlt: "Robin",
-            },
+              id: "2",              name: "Robin",              role: "Business Owner",              company: "A Touch of Glass Massage",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bjncm1",              imageAlt: "Robin"},
             {
-              id: "3",
-              name: "Margaret Chen",
-              role: "Homeowner",
-              company: "Craigie, WA",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=azy8ga&_wi=2",
-              imageAlt: "Margaret Chen",
-            },
+              id: "3",              name: "Margaret Chen",              role: "Homeowner",              company: "Craigie, WA",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=azy8ga",              imageAlt: "Margaret Chen"},
           ]}
           kpiItems={[
             { value: "500+", label: "Projects Completed" },
@@ -305,8 +223,7 @@ export default function HomePage() {
         <FooterSimple
           columns={[
             {
-              title: "Navigation",
-              items: [
+              title: "Navigation",              items: [
                 { label: "Home", href: "/" },
                 { label: "Services", href: "/services" },
                 { label: "About", href: "/about" },
@@ -314,8 +231,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Services",
-              items: [
+              title: "Services",              items: [
                 { label: "Tree Removal", href: "/services" },
                 { label: "Tree Pruning", href: "/services" },
                 { label: "Tree Lopping", href: "/services" },
@@ -323,16 +239,14 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Contact",
-              items: [
+              title: "Contact",              items: [
                 { label: "Call: 0450 552 659", href: "tel:0450552659" },
                 { label: "Craigie, Perth WA", href: "#" },
                 { label: "Request Quote", href: "/contact" },
               ],
             },
             {
-              title: "Legal",
-              items: [
+              title: "Legal",              items: [
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms & Conditions", href: "#" },
               ],