Add src/app/products/page.tsx

2026-04-10 12:46:10 +00:00
parent 08c1fa9958
commit 34d0b73dbc
1 changed files with 91 additions and 0 deletions
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+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 ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            brandName="GreenScape"
+            navItems={[
+              { name: "Services", id: "/#services" },
+              { name: "About", id: "/#about" },
+              { name: "Products", id: "/products" },
+              { name: "Team", id: "/#team" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            button={{ text: "Call Now", href: "/#contact" }}
+          />
+        </div>
+
+        <div id="products" data-section="products" className="py-24">
+          <ProductCardFour
+            title="Our Products"
+            description="Explore our premium collection of landscaping supplies and garden essentials."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Premium Fertilizer", price: "$29.99", variant: "Organic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg" },
+              { id: "2", name: "Garden Shear Set", price: "$45.00", variant: "Pro Series", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg" },
+              { id: "3", name: "Smart Sprinkler", price: "$89.00", variant: "IoT Connected", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg" },
+              { id: "4", name: "Organic Mulch", price: "$15.00", variant: "Bulk Bag", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg" },
+            ]}
+          />
+        </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: "Products", href: "/products" },
+                  { 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" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2026 GreenScape Landscaping"
+            bottomRightText="All rights reserved"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}