From eed487445134f85e4acf22699853fe33d2e23ca6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 03:46:15 +0000
Subject: [PATCH 1/4] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 44 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..3c00427
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+            brandName="GreenScape"
+            navItems={[
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Projects", id: "/projects" },
+              { name: "Testimonials", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{ text: "Call Now", href: "/contact" }}
+        />
+        
+        <ContactSplitForm
+            title="Contact Our Local Experts"
+            description="Serving Los Angeles and surrounding areas. Get your professional landscaping estimate today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email", required: true },
+              { name: "service", type: "text", placeholder: "Service Required" }
+            ]}
+            textarea={{ name: "message", placeholder: "How can we help with your landscape?" }}
+        />
+
+        <FooterSimple 
+             columns={[]}
+             bottomLeftText="© 2026 GreenScape Landscaping"
+             bottomRightText="All rights reserved"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

From 05d549ead9060be0fc5837505a6502456311aefe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 03:46:15 +0000
Subject: [PATCH 2/4] Update src/app/page.tsx

---
 src/app/page.tsx | 258 ++++-------------------------------------------
 1 file changed, 17 insertions(+), 241 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 342c14b..576b121 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -35,11 +35,11 @@ export default function LandscapingPage() {
             navItems={[
               { name: "Services", id: "services" },
               { name: "About", id: "about" },
-              { name: "Team", id: "team" },
+              { name: "Projects", id: "/projects" },
               { name: "Testimonials", id: "testimonials" },
-              { name: "Contact", id: "contact" },
+              { name: "Contact", id: "/contact" },
             ]}
-            button={{ text: "Call Now", href: "#contact" }}
+            button={{ text: "Call Now", href: "/contact" }}
           />
         </div>
 
@@ -50,7 +50,7 @@ export default function LandscapingPage() {
             title="Transform Your Outdoor Space"
             description="Professional landscaping design, installation, and maintenance services. From lush gardens to stunning hardscapes, we bring your vision to life."
             buttons={[
-              { text: "Get Free Estimate", href: "#contact" },
+              { text: "Get Free Estimate", href: "/contact" },
               { text: "Our Services", href: "#services" },
             ]}
             buttonAnimation="slide-up"
@@ -60,21 +60,11 @@ export default function LandscapingPage() {
             textPosition="top"
             testimonials={[
               {
-                name: "Sarah M.",
-                handle: "Homeowner",
-                testimonial: "GreenScape completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",
-                imageAlt: "Sarah M.",
-              },
+                name: "Sarah M.",                handle: "Homeowner",                testimonial: "GreenScape completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",                imageAlt: "Sarah M."},
               {
-                name: "David K.",
-                handle: "Property Manager",
-                testimonial: "We've used GreenScape for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.",
-                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",
-                imageAlt: "David K.",
-              },
+                name: "David K.",                handle: "Property Manager",                testimonial: "We've used GreenScape for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",                imageAlt: "David K."},
             ]}
           />
         </div>
@@ -106,233 +96,22 @@ export default function LandscapingPage() {
             imageContainerClassName="!rotate-0 !aspect-square"
             features={[
               {
-                tag: "Design",
-                title: "Landscape Design",
-                subtitle: "Custom Plans",
-                description: "We create tailored landscape designs that complement your property's architecture and your personal style.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg",
-                imageAlt: "Landscape design",
-              },
+                tag: "Design",                title: "Landscape Design",                subtitle: "Custom Plans",                description: "We create tailored landscape designs that complement your property's architecture and your personal style.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg",                imageAlt: "Landscape design"},
               {
-                tag: "Installation",
-                title: "Hardscape & Softscape",
-                subtitle: "Full Installation",
-                description: "From patios and walkways to gardens and trees, we handle the complete installation process.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg",
-                imageAlt: "Hardscape installation",
-              },
+                tag: "Installation",                title: "Hardscape & Softscape",                subtitle: "Full Installation",                description: "From patios and walkways to gardens and trees, we handle the complete installation process.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg",                imageAlt: "Hardscape installation"},
               {
-                tag: "Maintenance",
-                title: "Lawn & Garden Care",
-                subtitle: "Ongoing Service",
-                description: "Keep your property looking pristine year-round with our professional maintenance plans.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
-                imageAlt: "Lawn maintenance",
-              },
+                tag: "Maintenance",                title: "Lawn & Garden Care",                subtitle: "Ongoing Service",                description: "Keep your property looking pristine year-round with our professional maintenance plans.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",                imageAlt: "Lawn maintenance"},
               {
-                tag: "Irrigation",
-                title: "Smart Irrigation",
-                subtitle: "Water Management",
-                description: "Efficient irrigation systems that keep your landscape healthy while conserving water.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg",
-                imageAlt: "Irrigation system",
-              },
+                tag: "Irrigation",                title: "Smart Irrigation",                subtitle: "Water Management",                description: "Efficient irrigation systems that keep your landscape healthy while conserving water.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg",                imageAlt: "Irrigation system"},
             ]}
           />
         </div>
 
-        <div id="why-us" data-section="why-us">
-          <TeamCardSix
-            title="Why Choose GreenScape"
-            description="What sets us apart from the rest."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            members={[
-              {
-                id: "1",
-                name: "Expert Craftsmanship",
-                role: "Decades of combined experience in landscape design and installation.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg",
-                imageAlt: "Expert craftsmanship",
-              },
-              {
-                id: "2",
-                name: "Eco-Friendly Approach",
-                role: "Sustainable practices and native plant selections that thrive naturally.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg",
-                imageAlt: "Eco-friendly landscaping",
-              },
-              {
-                id: "3",
-                name: "Full-Service Care",
-                role: "From initial design to ongoing maintenance, we handle everything.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg",
-                imageAlt: "Full-service care",
-              },
-            ]}
-          />
-        </div>
-
-        <div id="team" data-section="team">
-          <TeamCardOne
-            tag="Our Team"
-            title="Meet the Experts"
-            description="The skilled professionals behind every beautiful landscape."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            members={[
-              {
-                id: "1",
-                name: "James Carter",
-                role: "Lead Designer",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
-                imageAlt: "James Carter",
-              },
-              {
-                id: "2",
-                name: "Maria Silva",
-                role: "Horticulturist",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
-                imageAlt: "Maria Silva",
-              },
-              {
-                id: "3",
-                name: "Ryan Mitchell",
-                role: "Project Manager",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
-                imageAlt: "Ryan Mitchell",
-              },
-            ]}
-          />
-        </div>
-
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwelve
-            cardTag="Trusted by Homeowners"
-            cardTagIcon={Leaf}
-            cardTitle="Over 500 happy clients trust GreenScape to transform and maintain their outdoor spaces."
-            buttons={[{ text: "Contact Now", href: "#contact" }]}
-            buttonAnimation="slide-up"
-            cardAnimation="slide-up"
-            useInvertedBackground={false}
-            testimonials={[
-              {
-                id: "1",
-                name: "Sarah M.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
-                imageAlt: "Sarah M.",
-              },
-              {
-                id: "2",
-                name: "David K.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
-                imageAlt: "David K.",
-              },
-              {
-                id: "3",
-                name: "Emily R.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
-                imageAlt: "Emily R.",
-              },
-              {
-                id: "4",
-                name: "Ryan M.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
-                imageAlt: "Ryan M.",
-              },
-            ]}
-          />
-        </div>
-
-        <div id="faq" data-section="faq">
-          <FaqDouble
-            tag="FAQ"
-            title="Frequently Asked Questions"
-            description="Everything you need to know about our landscaping services."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            faqsAnimation="slide-up"
-            faqs={[
-              {
-                id: "1",
-                title: "How long does a typical landscaping project take?",
-                content: "Most residential projects take 1-3 weeks depending on scope. We'll provide a detailed timeline during your consultation so you know exactly what to expect.",
-              },
-              {
-                id: "2",
-                title: "Do you offer free consultations?",
-                content: "Yes! We offer complimentary on-site consultations where we assess your property, discuss your vision, and provide a detailed estimate — no obligation.",
-              },
-              {
-                id: "3",
-                title: "What areas do you serve?",
-                content: "We serve the greater metropolitan area and surrounding suburbs within a 50-mile radius. Contact us to confirm service availability in your location.",
-              },
-              {
-                id: "4",
-                title: "Do you provide ongoing maintenance?",
-                content: "Absolutely. We offer weekly, bi-weekly, and monthly maintenance plans that include mowing, trimming, fertilization, and seasonal cleanups.",
-              },
-              {
-                id: "5",
-                title: "Are your practices eco-friendly?",
-                content: "Yes, sustainability is core to our approach. We use native plants, organic fertilizers, smart irrigation, and environmentally responsible methods whenever possible.",
-              },
-              {
-                id: "6",
-                title: "Do you handle permits and HOA approvals?",
-                content: "We handle all necessary permits and can work directly with your HOA to ensure your project meets community guidelines and gets approved smoothly.",
-              },
-            ]}
-          />
-        </div>
-
-        <div id="contact" data-section="contact" className="relative overflow-hidden">
-          <div className="absolute inset-0 w-full h-full">
-            <video
-              src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/bg-video.mp4"
-              autoPlay
-              muted
-              loop
-              playsInline
-              aria-hidden="true"
-              className="w-full h-full object-cover"
-            />
-            <div className="absolute inset-0 bg-foreground/70" />
-          </div>
-          <ContactSplitForm
-            title="Get Your Free Estimate"
-            description="Tell us about your project and we'll get back to you within 24 hours."
-            useInvertedBackground={false}
-            mediaAnimation="none"
-            buttonText="Send Message"
-            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
-
-            mediaWrapperClassName="hidden"
-            inputs={[
-              { name: "name", type: "text", placeholder: "Full Name", required: true },
-              { name: "email", type: "email", placeholder: "Email Address", required: true },
-              { name: "phone", type: "tel", placeholder: "Phone Number" },
-            ]}
-            multiSelect={{
-              name: "service",
-              label: "Select a Service",
-              options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
-            }}
-            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
-          />
-        </div>
-
         <div id="footer" data-section="footer">
           <FooterSimple
             columns={[
               {
-                title: "Services",
-                items: [
+                title: "Services",                items: [
                   { label: "Landscape Design", href: "#services" },
                   { label: "Hardscape & Softscape", href: "#services" },
                   { label: "Lawn & Garden Care", href: "#services" },
@@ -340,17 +119,14 @@ export default function LandscapingPage() {
                 ],
               },
               {
-                title: "Company",
-                items: [
+                title: "Company",                items: [
                   { label: "About", href: "#about" },
-                  { label: "Team", href: "#team" },
-                  { label: "Testimonials", href: "#testimonials" },
-                  { label: "FAQ", href: "#faq" },
+                  { label: "Projects", href: "/projects" },
+                  { label: "Contact", href: "/contact" },
                 ],
               },
               {
-                title: "Contact",
-                items: [
+                title: "Contact",                items: [
                   { label: "(555) 123-4567", href: "tel:5551234567" },
                   { label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
                   { label: "Los Angeles, CA" },

From 7e4ef5cc56fafc995e825015b4f580c804b7e2b4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 03:46:16 +0000
Subject: [PATCH 3/4] Add src/app/projects/page.tsx

---
 src/app/projects/page.tsx | 46 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/app/projects/page.tsx

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
new file mode 100644
index 0000000..09d32c1
--- /dev/null
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function ProjectsPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+            brandName="GreenScape"
+            navItems={[
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Projects", id: "/projects" },
+              { name: "Testimonials", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{ text: "Call Now", href: "/contact" }}
+        />
+        
+        <ProductCardOne 
+            title="Our Portfolio"
+            description="Browse our recent projects and transformations."
+            gridVariant="bento-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            products={[
+                { id: "1", name: "Modern Garden Haven", price: "Completed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg" },
+                { id: "2", name: "Luxury Stone Walkway", price: "Completed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg" },
+                { id: "3", name: "Commercial Landscape Maintenance", price: "Completed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg" }
+            ]}
+        />
+
+        <FooterSimple 
+             columns={[]}
+             bottomLeftText="© 2026 GreenScape Landscaping"
+             bottomRightText="All rights reserved"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

From be083ab46e1e9b1333b3d555cd4b32f9bc76622f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 03:46:16 +0000
Subject: [PATCH 4/4] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 9e219f9..6677642 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f9f4;
-  --card: #ffffff;
-  --foreground: #1a2e1a;
-  --primary-cta: #2d5a27;
+  --background: #000f06;
+  --card: #0a1f0f;
+  --foreground: #ffffff;
+  --primary-cta: #ff7b05;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a2e1a;
   --secondary-cta-text: #2d5a27;
-  --accent: #4a8c3f;
-  --background-accent: #6fb85e;
+  --accent: #2d5a27;
+  --background-accent: #0d2b1f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);