From 0cf3b79876e5259e106e7e30610e2728a1c3b9fe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 21:27:34 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 336 ++++++++---------------------------------------
 1 file changed, 53 insertions(+), 283 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8a6d970..384c6ab 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,135 +31,46 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Projects", id: "projects" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="GreenLeaf Landscapes"
       button={{
-        text: "Get a Quote",
-        href: "#contact",
-      }}
+        text: "Get a Quote",        href: "#contact"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Transform Your Outdoors into a Masterpiece"
       description="Professional landscape design and maintenance services to make your home look stunning year-round."
       testimonials={[
-        {
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "Excellent service and stunning results. My garden looks beautiful!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg?_wi=1",
-          imageAlt: "beautiful landscaped garden design",
-        },
-        {
-          name: "John Doe",
-          handle: "@johndoe",
-          testimonial: "Professional and fast. Highly recommend their design team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg?_wi=1",
-          imageAlt: "beautiful landscaped garden design",
-        },
-        {
-          name: "Alice Brown",
-          handle: "@aliceb",
-          testimonial: "Transformed my backyard completely. It's now my favorite place.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg?_wi=1",
-          imageAlt: "beautiful landscaped garden design",
-        },
-        {
-          name: "Bob Green",
-          handle: "@bobgreen",
-          testimonial: "Reliable maintenance every week. Great communication.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg?_wi=1",
-          imageAlt: "beautiful landscaped garden design",
-        },
-        {
-          name: "Charlie White",
-          handle: "@cwhite",
-          testimonial: "Exceptional craftsmanship in every detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-scrissors_23-2149382187.jpg?_wi=1",
-          imageAlt: "beautiful landscaped garden design",
-        },
+        { name: "Jane Smith", handle: "@janesmith", testimonial: "Excellent service and stunning results. My garden looks beautiful!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg", imageAlt: "beautiful landscaped garden design" },
+        { name: "John Doe", handle: "@johndoe", testimonial: "Professional and fast. Highly recommend their design team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg", imageAlt: "beautiful landscaped garden design" },
+        { name: "Alice Brown", handle: "@aliceb", testimonial: "Transformed my backyard completely. It's now my favorite place.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg", imageAlt: "beautiful landscaped garden design" },
+        { name: "Bob Green", handle: "@bobgreen", testimonial: "Reliable maintenance every week. Great communication.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg", imageAlt: "beautiful landscaped garden design" },
+        { name: "Charlie White", handle: "@cwhite", testimonial: "Exceptional craftsmanship in every detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-scrissors_23-2149382187.jpg", imageAlt: "beautiful landscaped garden design" },
       ]}
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg?_wi=2"
+      buttons={[{ text: "Start Project", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1500.jpg",
-          alt: "green park view",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/white-wooden-gates-with-trees-tropical-park-resort-turkey_627829-7136.jpg",
-          alt: "White wooden gates with trees at tropical park resort in Turkey",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1501.jpg",
-          alt: "green park view",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/vacation-decorative-plam-outdoor-travel_1232-3764.jpg",
-          alt: "vacation decorative plam outdoor travel",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg",
-          alt: "beautiful landscaped garden design",
-        },
+        { src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1500.jpg", alt: "green park view" },
+        { src: "http://img.b2bpic.net/free-photo/white-wooden-gates-with-trees-tropical-park-resort-turkey_627829-7136.jpg", alt: "White wooden gates with trees at tropical park resort in Turkey" },
+        { src: "http://img.b2bpic.net/free-photo/green-park-view_1417-1501.jpg", alt: "green park view" },
+        { src: "http://img.b2bpic.net/free-photo/vacation-decorative-plam-outdoor-travel_1232-3764.jpg", alt: "vacation decorative plam outdoor travel" },
+        { src: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg", alt: "beautiful landscaped garden design" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Professional",
-        },
-        {
-          type: "text",
-          text: "Reliable",
-        },
-        {
-          type: "text",
-          text: "Creative",
-        },
-        {
-          type: "text",
-          text: "Sustainable",
-        },
-        {
-          type: "text",
-          text: "Stunning",
-        },
+        { type: "text", text: "Professional" },
+        { type: "text", text: "Reliable" },
+        { type: "text", text: "Creative" },
+        { type: "text", text: "Sustainable" },
+        { type: "text", text: "Stunning" },
       ]}
     />
   </div>
@@ -169,7 +80,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Passion for Quality Landscaping"
       description="With over 15 years of experience, our team specializes in creating sustainable, beautiful outdoor spaces tailored to your vision."
-      imageSrc="http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg"
     />
   </div>
 
@@ -179,39 +90,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "1",
-          title: "Garden Design",
-          author: "Pro Team",
-          description: "Customized plans for your property.",
-          tags: [
-            "design",
-            "creative",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          title: "Lawn Care",
-          author: "Pro Team",
-          description: "Weekly mowing and fertilization.",
-          tags: [
-            "lawn",
-            "maintenance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg",
-        },
-        {
-          id: "3",
-          title: "Hardscaping",
-          author: "Pro Team",
-          description: "Patios, walkways, and retaining walls.",
-          tags: [
-            "stone",
-            "construction",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg",
-        },
+        { id: "1", title: "Garden Design", author: "Pro Team", description: "Customized plans for your property.", tags: ["design", "creative"], imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg" },
+        { id: "2", title: "Lawn Care", author: "Pro Team", description: "Weekly mowing and fertilization.", tags: ["lawn", "maintenance"], imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg" },
+        { id: "3", title: "Hardscaping", author: "Pro Team", description: "Patios, walkways, and retaining walls.", tags: ["stone", "construction"], imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg" },
       ]}
       title="Comprehensive Landscape Solutions"
       description="From design to maintenance, we offer everything needed to build and sustain your perfect outdoor space."
@@ -224,27 +105,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years Experience",
-          description: "Of professional service",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-leafed-trees_417767-148.jpg",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Happy Clients",
-          description: "Completed projects",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-city-park_1127-3491.jpg",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Support",
-          description: "Always here to help",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6119.jpg",
-        },
+        { id: "m1", value: "15+", title: "Years Experience", description: "Of professional service", imageSrc: "http://img.b2bpic.net/free-photo/green-leafed-trees_417767-148.jpg" },
+        { id: "m2", value: "500+", title: "Happy Clients", description: "Completed projects", imageSrc: "http://img.b2bpic.net/free-photo/green-city-park_1127-3491.jpg" },
+        { id: "m3", value: "24/7", title: "Support", description: "Always here to help", imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6119.jpg" },
       ]}
       title="Proven Landscaping Excellence"
       description="We follow a clear process to ensure every project meets our quality standards."
@@ -253,52 +116,17 @@ export default function LandingPage() {
 
   <div id="projects" data-section="projects">
       <ProductCardFour
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Modern Backyard Patio",
-          price: "Custom Pricing",
-          variant: "Hardscaping",
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Front Yard Flower Garden",
-          price: "Custom Pricing",
-          variant: "Gardening",
-          imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg",
-        },
-        {
-          id: "p3",
-          name: "Luxury Turf Installation",
-          price: "Custom Pricing",
-          variant: "Lawn Care",
-          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-beautiful-small-flower-bouquet-wooden-surface_181624-38109.jpg",
-        },
-        {
-          id: "p4",
-          name: "Garden Lighting Upgrade",
-          price: "Custom Pricing",
-          variant: "Lighting",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17275.jpg",
-        },
-        {
-          id: "p5",
-          name: "Walkway Installation",
-          price: "Custom Pricing",
-          variant: "Hardscaping",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg",
-        },
-        {
-          id: "p6",
-          name: "Landscape Maintenance",
-          price: "Custom Pricing",
-          variant: "Maintenance",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-grass_1417-1672.jpg",
-        },
+        { id: "p1", name: "Modern Backyard Patio", price: "Custom Pricing", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg" },
+        { id: "p2", name: "Front Yard Flower Garden", price: "Custom Pricing", variant: "Gardening", imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg" },
+        { id: "p3", name: "Luxury Turf Installation", price: "Custom Pricing", variant: "Lawn Care", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-beautiful-small-flower-bouquet-wooden-surface_181624-38109.jpg" },
+        { id: "p4", name: "Garden Lighting Upgrade", price: "Custom Pricing", variant: "Lighting", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17275.jpg" },
+        { id: "p5", name: "Walkway Installation", price: "Custom Pricing", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg" },
+        { id: "p6", name: "Landscape Maintenance", price: "Custom Pricing", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/green-grass_1417-1672.jpg" },
       ]}
       title="Our Recent Projects"
       description="See the transformation we have delivered for our clients."
@@ -311,41 +139,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Client",
-          testimonial: "Excellent team and great work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-scrissors_23-2149382187.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Mark L.",
-          role: "Client",
-          testimonial: "My garden never looked better.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-property-mortgage-rent-concept_53876-132217.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily P.",
-          role: "Client",
-          testimonial: "Very professional and friendly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/against-background-bright-flowering-plants-green-bushes-that-grow-garden-beautiful-blonde-girl-with-green-eyes-smiles-sweetly-basks-sun_197531-25944.jpg",
-        },
-        {
-          id: "t4",
-          name: "David W.",
-          role: "Client",
-          testimonial: "High-quality results every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-shorts-watering-flowers_259150-57547.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anna H.",
-          role: "Client",
-          testimonial: "I love my new landscape design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3888.jpg",
-        },
+        { id: "t1", name: "Sarah J.", role: "Client", testimonial: "Excellent team and great work.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-scrissors_23-2149382187.jpg" },
+        { id: "t2", name: "Mark L.", role: "Client", testimonial: "My garden never looked better.", imageSrc: "http://img.b2bpic.net/free-photo/business-property-mortgage-rent-concept_53876-132217.jpg" },
+        { id: "t3", name: "Emily P.", role: "Client", testimonial: "Very professional and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/against-background-bright-flowering-plants-green-bushes-that-grow-garden-beautiful-blonde-girl-with-green-eyes-smiles-sweetly-basks-sun_197531-25944.jpg" },
+        { id: "t4", name: "David W.", role: "Client", testimonial: "High-quality results every time.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-shorts-watering-flowers_259150-57547.jpg" },
+        { id: "t5", name: "Anna H.", role: "Client", testimonial: "I love my new landscape design.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3888.jpg" },
       ]}
       title="Client Stories"
       description="What our homeowners say about our landscaping services."
@@ -357,21 +155,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you provide estimates?",
-          content: "Yes, we offer free on-site consultations.",
-        },
-        {
-          id: "f2",
-          title: "How long does a project take?",
-          content: "It depends on the scope of the project.",
-        },
-        {
-          id: "f3",
-          title: "Do you do maintenance?",
-          content: "Yes, we offer weekly and seasonal maintenance.",
-        },
+        { id: "f1", title: "Do you provide estimates?", content: "Yes, we offer free on-site consultations." },
+        { id: "f2", title: "How long does a project take?", content: "It depends on the scope of the project." },
+        { id: "f3", title: "Do you do maintenance?", content: "Yes, we offer weekly and seasonal maintenance." },
       ]}
       title="Common Questions"
       description="Answers to common landscaping project questions."
@@ -382,9 +168,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Let's Connect"
       title="Ready to Landscape?"
       description="Get in touch for a custom quote today."
@@ -397,29 +181,15 @@ export default function LandingPage() {
       logoText="GreenLeaf"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#services" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Support",          items: [
+            { label: "FAQ", href: "#faq" },
+            { label: "Contact", href: "#contact" },
           ],
         },
       ]}