From 4be065be974f3a36059f26d945cf6833833b9ea9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 20:48:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 399 ++++++++++++++---------------------------------
 1 file changed, 114 insertions(+), 285 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 837f8c2..77681f7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,297 +25,126 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Urban Green Landscaping"
-      button={{
-        text: "Get a Quote",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Urban Green Landscaping"
+            button={{ text: "Get a Quote", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Urban Green Landscaping Services"
-      description="Providing over 19 years of professional outdoor services from tree removal to pavers and meticulous lawn maintenance for Midland Park and surrounding areas."
-      buttons={[
-        {
-          text: "View Services",
-          href: "#services",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=1",
-          imageAlt: "Professional landscaping project",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg?_wi=1",
-          imageAlt: "Lawn care maintenance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg?_wi=1",
-          imageAlt: "Paver patio installation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg?_wi=1",
-          imageAlt: "Tree maintenance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=1",
-          imageAlt: "Professional landscaping crew",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Urban Green Landscaping Services"
+            description="Providing over 19 years of professional outdoor services from tree removal to pavers and meticulous lawn maintenance for Midland Park and surrounding areas."
+            buttons={[
+              { text: "View Services", href: "#services" },
+              { text: "Contact Us", href: "#contact" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg", imageAlt: "Professional landscaping project" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg", imageAlt: "Lawn care maintenance" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg", imageAlt: "Paver patio installation" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg", imageAlt: "Tree maintenance" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg", imageAlt: "Professional landscaping crew" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Lawn & Garden Care",
-          description: "Full-service seeding, sod installation, and regular lawn maintenance for a pristine yard.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg?_wi=2",
-            imageAlt: "Lawn maintenance",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=2",
-            imageAlt: "Green garden",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=3",
-          imageAlt: "beautiful landscaped residential garden path",
-        },
-        {
-          title: "Hardscaping & Pavers",
-          description: "Custom paver installation and walkway grading to transform your outdoor living space.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg?_wi=2",
-            imageAlt: "Paver design",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=4",
-            imageAlt: "Walkway completion",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg?_wi=3",
-          imageAlt: "lawn maintenance service gardener mowing",
-        },
-        {
-          title: "Tree & Property Maintenance",
-          description: "Reliable tree removal, pruning, and storm cleanup services by experienced professionals.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg?_wi=2",
-            imageAlt: "Tree services",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=2",
-            imageAlt: "Cleanup work",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg?_wi=3",
-          imageAlt: "paver patio installation modern stone",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Our Expert Services"
-      description="Comprehensive outdoor solutions to enhance and maintain your property's value year-round."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showStepNumbers={true}
+            title="Our Expert Services"
+            description="Comprehensive outdoor solutions to enhance and maintain your property's value year-round."
+            features={[
+              {
+                title: "Lawn & Garden Care",                description: "Full-service seeding, sod installation, and regular lawn maintenance for a pristine yard.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131220.jpg", imageAlt: "Lawn maintenance" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg", imageAlt: "Green garden" }
+              },
+              {
+                title: "Hardscaping & Pavers",                description: "Custom paver installation and walkway grading to transform your outdoor living space.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-2951.jpg", imageAlt: "Paver design" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg", imageAlt: "Walkway completion" }
+              },
+              {
+                title: "Tree & Property Maintenance",                description: "Reliable tree removal, pruning, and storm cleanup services by experienced professionals.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/asian-man-cutting-trees-using-electrical-chainsaw_1150-5896.jpg", imageAlt: "Tree services" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg", imageAlt: "Cleanup work" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Homeowner",
-          company: "Midland Park",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037268.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Property Owner",
-          company: "Midland Park",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Client",
-          company: "Local Area",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden-near-house_1157-23426.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Business Owner",
-          company: "Midland Park",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg",
-        },
-        {
-          id: "5",
-          name: "Lisa Wang",
-          role: "Homeowner",
-          company: "Midland Park",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunet-male-gardener-cutting-overgrown-bush-by-hedge-trimmer-sunny-day-front-view-hard_7502-10573.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "19+",
-          label: "Years Business",
-        },
-        {
-          value: "4.3",
-          label: "Google Rating",
-        },
-        {
-          value: "21+",
-          label: "Verified Reviews",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="We are proud to be a highly-rated local landscaper serving Midland Park for nearly two decades."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Midland Park", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037268.jpg" },
+              { id: "2", name: "Michael Chen", role: "Property Owner", company: "Midland Park", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg" },
+              { id: "3", name: "Emily Rodriguez", role: "Client", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden-near-house_1157-23426.jpg" },
+              { id: "4", name: "David Kim", role: "Business Owner", company: "Midland Park", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg" },
+              { id: "5", name: "Lisa Wang", role: "Homeowner", company: "Midland Park", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunet-male-gardener-cutting-overgrown-bush-by-hedge-trimmer-sunny-day-front-view-hard_7502-10573.jpg" },
+            ]}
+            kpiItems={[
+              { value: "19+", label: "Years Business" },
+              { value: "4.3", label: "Google Rating" },
+              { value: "21+", label: "Verified Reviews" },
+            ]}
+            title="What Our Clients Say"
+            description="We are proud to be a highly-rated local landscaper serving Midland Park for nearly two decades."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Are you licensed and insured?",
-          content: "Yes, we are a fully verified, licensed, and background-checked business.",
-        },
-        {
-          id: "2",
-          title: "What areas do you serve?",
-          content: "We primarily serve Midland Park and surrounding neighborhoods.",
-        },
-        {
-          id: "3",
-          title: "How quickly do you reply?",
-          content: "We typically reply within 1 business day for all inquiries.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Clear answers to your common questions about our professional landscaping services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Are you licensed and insured?", content: "Yes, we are a fully verified, licensed, and background-checked business." },
+              { id: "2", title: "What areas do you serve?", content: "We primarily serve Midland Park and surrounding neighborhoods." },
+              { id: "3", title: "How quickly do you reply?", content: "We typically reply within 1 business day for all inquiries." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Clear answers to your common questions about our professional landscaping services."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Contact Urban Green"
-      description="Ready to transform your lawn? Send us a message today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project...",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg?_wi=3"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Contact Urban Green"
+            description="Ready to transform your lawn? Send us a message today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500826.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg?_wi=5"
-      logoText="Urban Green"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Lawn Care",
-              href: "#services",
-            },
-            {
-              label: "Paver Installation",
-              href: "#services",
-            },
-            {
-              label: "Tree Removal",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-            {
-              label: "Google Reviews",
-              href: "#testimonials",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/flowers-park_1127-3024.jpg"
+            logoText="Urban Green"
+            columns={[
+              { title: "Services", items: [{ label: "Lawn Care", href: "#services" }, { label: "Paver Installation", href: "#services" }, { label: "Tree Removal", href: "#services" }] },
+              { title: "Company", items: [{ label: "Contact Us", href: "#contact" }, { label: "Google Reviews", href: "#testimonials" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1