From f7a30096573b114654ebdf3e924ac2722891205c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 09:16:45 +0000
Subject: [PATCH 1/5] Add src/app/cart/page.tsx

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

diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx
new file mode 100644
index 0000000..28ed577
--- /dev/null
+++ b/src/app/cart/page.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function CartPage() {
+  const [cartItems] = useState([]);
+
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        brandName="GreenScape"
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Services", id: "/#services" },
+          { name: "Cart", id: "/cart" },
+        ]}
+      />
+      <main className="container mx-auto px-6 py-20 min-h-[60vh]">
+        <h1 className="text-4xl font-bold mb-10">Your Shopping Cart</h1>
+        {cartItems.length === 0 ? (
+          <div className="text-center py-20">
+            <p className="text-lg opacity-60">Your cart is currently empty.</p>
+            <a href="/" className="inline-block mt-6 px-6 py-3 bg-primary text-white rounded-lg">Continue Shopping</a>
+          </div>
+        ) : (
+          <div>Cart Items Placeholder</div>
+        )}
+      </main>
+      <FooterSimple
+        logoText="GreenScape"
+        columns={[]}
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file

From b6bcc76089deb0bb2e75fe181f8c1e3dbae73649 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 09:16:46 +0000
Subject: [PATCH 2/5] Add src/app/categories/page.tsx

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

diff --git a/src/app/categories/page.tsx b/src/app/categories/page.tsx
new file mode 100644
index 0000000..6162158
--- /dev/null
+++ b/src/app/categories/page.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function CategoriesPage() {
+  const [selectedCategory, setSelectedCategory] = useState("All");
+  const categories = ["All", "Men's", "Women's", "Accessories"];
+
+  const products = [
+    { id: "1", brand: "GreenScape", name: "Garden Toolkit", price: "$49", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg" },
+    { id: "2", brand: "GreenScape", name: "Pruning Shears", price: "$29", rating: 4, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg" },
+  ];
+
+  return (
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            brandName="GreenScape"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/#services" },
+              { name: "Categories", id: "/categories" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            button={{ text: "Call Now", href: "/#contact" }}
+          />
+      </div>
+      <main className="pt-24">
+        <div className="flex justify-center gap-4 py-8">
+            {categories.map(cat => (
+                <button 
+                    key={cat} 
+                    onClick={() => setSelectedCategory(cat)}
+                    className={`px-4 py-2 rounded-full ${selectedCategory === cat ? 'bg-primary text-white' : 'bg-secondary'}`}>
+                    {cat}
+                </button>
+            ))}
+        </div>
+        <ProductCardTwo 
+            title="Product Categories"
+            description="Browse our curated selection of gardening essentials."
+            products={products}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+        />
+      </main>
+      <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/#about" }, { label: "Contact", href: "/#contact" }] }
+            ]}
+            bottomLeftText="© 2026 GreenScape"
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file

From ab1bbb59feaa6669daa01580c283e17a5715d56e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 09:16:46 +0000
Subject: [PATCH 3/5] Add src/app/checkout/page.tsx

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

diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
new file mode 100644
index 0000000..dc5b856
--- /dev/null
+++ b/src/app/checkout/page.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function CheckoutPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        brandName="GreenScape"
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Services", id: "/#services" },
+          { name: "Cart", id: "/cart" },
+        ]}
+      />
+      <main className="container mx-auto px-6 py-20 min-h-[60vh]">
+        <h1 className="text-4xl font-bold mb-10">Checkout</h1>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
+            <div>
+                <h2 className="text-2xl font-semibold mb-6">Billing Details</h2>
+                <p>Form placeholder for user info and payment integration.</p>
+            </div>
+            <div className="bg-card p-8 rounded-xl">
+                <h2 className="text-2xl font-semibold mb-6">Order Summary</h2>
+                <p>Order details placeholder.</p>
+            </div>
+        </div>
+      </main>
+      <FooterSimple
+        logoText="GreenScape"
+        columns={[]}
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file

From 3410744ee2ef28449128090e8779f6ef11ba50ff Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 09:16:47 +0000
Subject: [PATCH 4/5] Update src/app/page.tsx

---
 src/app/page.tsx | 345 ++++++++---------------------------------------
 1 file changed, 55 insertions(+), 290 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 342c14b..742fc73 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,15 +4,11 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
-import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import TeamCardSix from "@/components/sections/team/TeamCardSix";
-import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Leaf, TreePine } from "lucide-react";
+import { Star, Leaf } from "lucide-react";
 
 export default function LandscapingPage() {
   return (
@@ -33,335 +29,104 @@ export default function LandscapingPage() {
           <NavbarStyleFullscreen
             brandName="GreenScape"
             navItems={[
-              { name: "Services", id: "services" },
-              { name: "About", id: "about" },
-              { name: "Team", id: "team" },
-              { name: "Testimonials", id: "testimonials" },
+              { name: "Products", id: "products" },
+              { name: "New Arrivals", id: "new-arrivals" },
+              { name: "Reviews", id: "reviews" },
               { name: "Contact", id: "contact" },
             ]}
-            button={{ text: "Call Now", href: "#contact" }}
+            button={{ text: "Shop Now", href: "#products" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
           <HeroOverlayTestimonial
-            tag="Professional Landscaping"
+            tag="Premium Garden Gear"
             tagIcon={Leaf}
-            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."
+            title="Elevate Your Garden"
+            description="Discover our curated collection of professional landscaping tools and garden supplies designed for durability and performance."
             buttons={[
-              { text: "Get Free Estimate", href: "#contact" },
-              { text: "Our Services", href: "#services" },
+              { text: "Shop Collection", href: "#products" },
+              { text: "New Arrivals", href: "#new-arrivals" },
             ]}
             buttonAnimation="slide-up"
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/hero.jpg"
-            imageAlt="Landscaped garden with manicured lawn and shrubs"
+            imageAlt="Premium garden supplies display"
             showDimOverlay={true}
             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: "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>
 
-        <div id="about" data-section="about">
-          <TestimonialAboutCard
-            tag="About GreenScape"
-            tagIcon={Leaf}
-            tagAnimation="slide-up"
-            title="We've been transforming outdoor spaces for over 15 years — delivering designs that homeowners love and landscapes that last."
-            description="James Carter, Lead Designer"
-            subdescription="Founded in 2010"
-            icon={TreePine}
-            videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/about-video.mp4"
-            mediaAnimation="slide-up"
-            useInvertedBackground={false}
-          />
-        </div>
-
-        <div id="services" data-section="services">
-          <FeatureCardNineteen
-            tag="Our Services"
-            tagIcon={Leaf}
-            title="What We Do"
-            description="From design to maintenance, we handle every aspect of your landscape."
-            buttonAnimation="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            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: "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: "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"
+        <div id="products" data-section="products">
+          <ProductCardOne
+            title="Featured Products"
+            description="Hand-picked essentials for your green space."
             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."
+            gridVariant="four-items-2x2-equal-grid"
             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",
-              },
+            products={[
+              { id: "1", name: "Ergonomic Shears", price: "$45.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg" },
+              { id: "2", name: "Garden Tote Bag", price: "$32.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg" },
+              { id: "3", name: "Smart Sprinkler", price: "$89.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg" },
+              { id: "4", name: "Soil Tester", price: "$28.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg" },
             ]}
           />
         </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"
+        <div id="new-arrivals" data-section="new-arrivals">
+          <ProductCardOne
+            title="New Arrivals"
+            description="The latest additions to our shop."
+            animationType="slide-up"
+            gridVariant="four-items-2x2-equal-grid"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            products={[
+              { id: "5", name: "Bamboo Hand Rake", price: "$18.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg" },
+              { id: "6", name: "Organic Seed Kit", price: "$25.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg" },
+            ]}
+          />
+        </div>
+
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardThirteen
+            title="Customer Reviews"
+            description="See what our customers are saying about our products."
+            showRating={true}
+            animationType="slide-up"
+            textboxLayout="default"
             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.",
-              },
+              { id: "1", name: "Sarah M.", handle: "Verified Buyer", testimonial: "The shears are incredibly sharp and comfortable. Highly recommend!", rating: 5, icon: Star },
+              { id: "2", name: "David K.", handle: "Verified Buyer", testimonial: "Smart sprinkler system works perfectly. My garden looks healthier than ever.", rating: 5, icon: Star },
             ]}
           />
         </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>
+        <div id="contact" data-section="contact">
           <ContactSplitForm
-            title="Get Your Free Estimate"
-            description="Tell us about your project and we'll get back to you within 24 hours."
+            title="Stay Updated"
+            description="Join our newsletter to receive the latest gardening tips and product news."
             useInvertedBackground={false}
-            mediaAnimation="none"
-            buttonText="Send Message"
-            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
-
-            mediaWrapperClassName="hidden"
+            buttonText="Subscribe"
             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: [
-                  { label: "Landscape Design", href: "#services" },
-                  { label: "Hardscape & Softscape", href: "#services" },
-                  { label: "Lawn & Garden Care", href: "#services" },
-                  { label: "Smart Irrigation", href: "#services" },
-                ],
-              },
-              {
-                title: "Company",
-                items: [
-                  { label: "About", href: "#about" },
-                  { label: "Team", href: "#team" },
-                  { label: "Testimonials", href: "#testimonials" },
-                  { label: "FAQ", href: "#faq" },
-                ],
-              },
-              {
-                title: "Contact",
-                items: [
-                  { label: "(555) 123-4567", href: "tel:5551234567" },
-                  { label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
-                  { label: "Los Angeles, CA" },
-                ],
-              },
+              { title: "Shop", items: [{ label: "Featured Products", href: "#products" }, { label: "New Arrivals", href: "#new-arrivals" }] },
+              { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Returns", href: "#" }] },
             ]}
-            bottomLeftText="© 2026 GreenScape Landscaping"
+            bottomLeftText="© 2026 GreenScape Shop"
             bottomRightText="All rights reserved"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From 929a30cce70ae50774b1ea6e5eef380b09d1fe3b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 09:16:47 +0000
Subject: [PATCH 5/5] Add src/app/shop/page.tsx

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

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
new file mode 100644
index 0000000..c193be6
--- /dev/null
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        brandName="GreenScape"
+        navItems={[
+          { name: "Shop", id: "/shop" },
+          { name: "Services", id: "/#services" },
+          { name: "About", id: "/#about" },
+          { name: "Team", id: "/#team" },
+          { name: "Testimonials", id: "/#testimonials" },
+          { name: "Contact", id: "/#contact" },
+        ]}
+        button={{ text: "Call Now", href: "/#contact" }}
+      />
+      <div className="pt-32 pb-20">
+        <ProductCardFour
+          title="Our Products"
+          description="High-quality gardening tools and plants for your outdoor space."
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          products={[
+            { id: "1", name: "Pruning Shears", price: "$45.00", variant: "Gardening Tools", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg" },
+            { id: "2", name: "Organic Soil Mix", price: "$25.00", variant: "Soil & Fertilizer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg" },
+            { id: "3", name: "Ceramic Planter", price: "$55.00", variant: "Decor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg" },
+            { id: "4", name: "Garden Shovel", price: "$35.00", variant: "Gardening Tools", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg" },
+          ]}
+        />
+      </div>
+      <FooterSimple
+        columns={[
+          { title: "Services", items: [{ label: "Landscape Design", href: "/#services" }] },
+          { title: "Company", items: [{ label: "About", href: "/#about" }] },
+        ]}
+        bottomLeftText="© 2026 GreenScape Landscaping"
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file