From fdd4132ab39454c7f01b1503679da3fffa2e9a9d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 16:48:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 308 ++++++-----------------------------------------
 1 file changed, 40 insertions(+), 268 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1eced83..ae45456 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "Projects", id: "projects" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Landscape Solutions"
     />
@@ -59,43 +44,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Transforming Edmonton Spaces, One Garden at a Time"
       description="Shiva and the team at Landscape Solutions bring professional design, expert construction, and meticulous care to your outdoor living area."
       tag="Edmonton's Trusted Landscapers"
       buttons={[
-        {
-          text: "Book a Consultation",
-          href: "#contact",
-        },
-        {
-          text: "View Our Projects",
-          href: "#projects",
-        },
+        { text: "Book a Consultation", href: "#contact" },
+        { text: "View Our Projects", href: "#projects" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/green-labyrinth-park_346278-1302.jpg?_wi=1",
-          imageAlt: "landscaping service residential backyard renovation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-owner-planning-office-interior-design-renovation_482257-90925.jpg?_wi=1",
-          imageAlt: "landscape architect working site plan",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg",
-          imageAlt: "Wooden road in the middle of the forest",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551284.jpg",
-          imageAlt: "Cinematic style mall",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg",
-          imageAlt: "Aerial view from Hong Kong",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/green-labyrinth-park_346278-1302.jpg", imageAlt: "landscaping service residential backyard renovation" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/corporate-owner-planning-office-interior-design-renovation_482257-90925.jpg", imageAlt: "landscape architect working site plan" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -108,21 +67,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Built on Reliability and Vision"
       metrics={[
-        {
-          icon: Leaf,
-          label: "Gardens Transformed",
-          value: "500+",
-        },
-        {
-          icon: Award,
-          label: "Years in Business",
-          value: "12",
-        },
-        {
-          icon: Smile,
-          label: "Happy Clients",
-          value: "450+",
-        },
+        { icon: Leaf, label: "Gardens Transformed", value: "500+" },
+        { icon: Award, label: "Years in Business", value: "12" },
+        { icon: Smile, label: "Happy Clients", value: "450+" },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -134,30 +81,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Hardscaping & Patios",
-          description: "Durable stone work, pathways, and patios that stand the test of time.",
-          bentoComponent: "reveal-icon",
-          icon: Wrench,
-          imageSrc: "http://img.b2bpic.net/free-photo/meadow-background-swing-white-light_1203-6333.jpg",
-          imageAlt: "meadow background swing white light",
-        },
-        {
-          title: "Softscape Design",
-          description: "Planting plans, lawns, and tree care designed for vibrancy.",
-          bentoComponent: "reveal-icon",
-          icon: Leaf,
-          imageSrc: "http://img.b2bpic.net/free-photo/green-labyrinth-park_346278-1302.jpg?_wi=2",
-          imageAlt: "meadow background swing white light",
-        },
-        {
-          title: "Custom Irrigation",
-          description: "Automated watering systems for effortless garden health.",
-          bentoComponent: "reveal-icon",
-          icon: Droplets,
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-owner-planning-office-interior-design-renovation_482257-90925.jpg?_wi=2",
-          imageAlt: "meadow background swing white light",
-        },
+        { title: "Hardscaping & Patios", description: "Durable stone work, pathways, and patios that stand the test of time.", bentoComponent: "reveal-icon", icon: Wrench },
+        { title: "Softscape Design", description: "Planting plans, lawns, and tree care designed for vibrancy.", bentoComponent: "reveal-icon", icon: Leaf },
+        { title: "Custom Irrigation", description: "Automated watering systems for effortless garden health.", bentoComponent: "reveal-icon", icon: Droplets },
       ]}
       title="Comprehensive Landscape Solutions"
       description="We offer full-cycle landscaping services tailored to the unique Edmonton climate."
@@ -171,48 +97,12 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Modern Patio Renovation",
-          price: "Custom Quote",
-          variant: "Hardscaping",
-          imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1029.jpg",
-        },
-        {
-          id: "p2",
-          name: "Curb Appeal Redesign",
-          price: "Custom Quote",
-          variant: "General Landscaping",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488219.jpg",
-        },
-        {
-          id: "p3",
-          name: "Custom Cedar Decking",
-          price: "Custom Quote",
-          variant: "Carpentry",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-massage-bed_1339-4790.jpg",
-        },
-        {
-          id: "p4",
-          name: "Retaining Wall Installation",
-          price: "Custom Quote",
-          variant: "Hardscaping",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
-        },
-        {
-          id: "p5",
-          name: "Fire Pit & Lounge",
-          price: "Custom Quote",
-          variant: "Outdoor Living",
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-pool-resort_74190-1619.jpg",
-        },
-        {
-          id: "p6",
-          name: "Feature Lighting Project",
-          price: "Custom Quote",
-          variant: "Infrastructure",
-          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-with-botanical-plants_23-2148121764.jpg",
-        },
+        { id: "p1", name: "Modern Patio Renovation", price: "Custom Quote", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1029.jpg" },
+        { id: "p2", name: "Curb Appeal Redesign", price: "Custom Quote", variant: "General Landscaping", imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488219.jpg" },
+        { id: "p3", name: "Custom Cedar Decking", price: "Custom Quote", variant: "Carpentry", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-massage-bed_1339-4790.jpg" },
+        { id: "p4", name: "Retaining Wall Installation", price: "Custom Quote", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg" },
+        { id: "p5", name: "Fire Pit & Lounge", price: "Custom Quote", variant: "Outdoor Living", imageSrc: "http://img.b2bpic.net/free-photo/hotel-pool-resort_74190-1619.jpg" },
+        { id: "p6", name: "Feature Lighting Project", price: "Custom Quote", variant: "Infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-with-botanical-plants_23-2148121764.jpg" },
       ]}
       title="Our Recent Work"
       description="See the transformation of local Edmonton landscapes."
@@ -221,27 +111,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardThree
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          icon: Calendar,
-          title: "Projects Completed",
-          value: "120+",
-        },
-        {
-          id: "m2",
-          icon: ThumbsUp,
-          title: "Client Retention",
-          value: "98%",
-        },
-        {
-          id: "m3",
-          icon: MapPin,
-          title: "Edmonton Areas Served",
-          value: "15+",
-        },
+        { id: "m1", icon: Calendar, title: "Projects Completed", value: "120+" },
+        { id: "m2", icon: ThumbsUp, title: "Client Retention", value: "98%" },
+        { id: "m3", icon: MapPin, title: "Edmonton Areas Served", value: "15+" },
       ]}
       title="Success in Numbers"
       description="We measure our success by the growth of your garden."
@@ -254,48 +130,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "Shiva and the team transformed my backyard from a mud pit to a paradise. Highly recommended!",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
-        },
-        {
-          id: "2",
-          name: "David Thorne",
-          handle: "@dthorne",
-          testimonial: "Professional, on-time, and within budget. Exactly what I needed for my front yard project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          handle: "@erod",
-          testimonial: "Fantastic attention to detail in the paving stone work. The new patio looks incredible.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Jenkins",
-          handle: "@mjenkins",
-          testimonial: "Landscaping Solutions is the most responsive company I've worked with in Edmonton.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg",
-        },
-        {
-          id: "5",
-          name: "Jane Doe",
-          handle: "@jdoe",
-          testimonial: "Great creativity in our garden design. Love the native plant suggestions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-mixed-race-black-women-park-sitting-talking-with-city-buildings-background_633478-440.jpg",
-        },
-        {
-          id: "6",
-          name: "Robert B.",
-          handle: "@robb",
-          testimonial: "Quality craftsmanship and excellent maintenance service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-talking-mobile-phone-calling-seller-he-found-online-while-using-laptop-shopping-searching-appartment-internet_176420-25732.jpg",
-        },
+        { id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Shiva and the team transformed my backyard from a mud pit to a paradise. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" },
+        { id: "2", name: "David Thorne", handle: "@dthorne", testimonial: "Professional, on-time, and within budget. Exactly what I needed for my front yard project.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg" },
+        { id: "3", name: "Elena Rodriguez", handle: "@erod", testimonial: "Fantastic attention to detail in the paving stone work. The new patio looks incredible.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg" },
+        { id: "4", name: "Mark Jenkins", handle: "@mjenkins", testimonial: "Landscaping Solutions is the most responsive company I've worked with in Edmonton.", imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg" },
+        { id: "5", name: "Jane Doe", handle: "@jdoe", testimonial: "Great creativity in our garden design. Love the native plant suggestions.", imageSrc: "http://img.b2bpic.net/free-photo/couple-mixed-race-black-women-park-sitting-talking-with-city-buildings-background_633478-440.jpg" },
+        { id: "6", name: "Robert B.", handle: "@robb", testimonial: "Quality craftsmanship and excellent maintenance service.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-talking-mobile-phone-calling-seller-he-found-online-while-using-laptop-shopping-searching-appartment-internet_176420-25732.jpg" },
       ]}
       title="What Homeowners Say"
       description="We're proud to have earned the trust of Edmonton families."
@@ -309,27 +149,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       members={[
-        {
-          id: "t1",
-          name: "Shiva K.",
-          role: "Owner & Lead Designer",
-          description: "With over 12 years of landscaping experience in Alberta.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jordan P.",
-          role: "Senior Hardscape Specialist",
-          description: "Expert in geometric stone and structural integrity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-shopper-greenhouse-store-making-choice-which-flower-plant-buy_197531-31003.jpg",
-        },
-        {
-          id: "t3",
-          name: "Lila M.",
-          role: "Lead Horticulturalist",
-          description: "Passionate about sustainable, native Edmonton flora.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-man-cutting-overgrown-bushes_651396-1547.jpg",
-        },
+        { id: "t1", name: "Shiva K.", role: "Owner & Lead Designer", description: "With over 12 years of landscaping experience in Alberta.", imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg" },
+        { id: "t2", name: "Jordan P.", role: "Senior Hardscape Specialist", description: "Expert in geometric stone and structural integrity.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-shopper-greenhouse-store-making-choice-which-flower-plant-buy_197531-31003.jpg" },
+        { id: "t3", name: "Lila M.", role: "Lead Horticulturalist", description: "Passionate about sustainable, native Edmonton flora.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-man-cutting-overgrown-bushes_651396-1547.jpg" },
       ]}
       title="Meet the Team"
       description="Passionate professionals dedicated to your property's potential."
@@ -339,17 +161,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Ready to Start?"
       title="Get a Free Landscape Quote"
       description="Ready to bring your dream garden to life? Reach out to Shiva and the team at Landscape Solutions Edmonton today for a comprehensive property assessment."
       buttons={[
-        {
-          text: "Contact Us Now",
-          href: "mailto:shiva@landscapesolutions.ca",
-        },
+        { text: "Contact Us Now", href: "mailto:shiva@landscapesolutions.ca" },
       ]}
     />
   </div>
@@ -357,54 +174,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-            {
-              label: "Consultation",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Career",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { items: [{ label: "Services", href: "#features" }, { label: "Projects", href: "#projects" }, { label: "Consultation", href: "#contact" }] },
+        { items: [{ label: "Reviews", href: "#testimonials" }, { label: "About Us", href: "#" }, { label: "Career", href: "#" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact", href: "#contact" }] },
       ]}
       logoText="Landscape Solutions"
     />