Add src/app/services/page.tsx

2026-05-17 17:05:02 +00:00
parent f7d7a4dea7
commit bf000ea903
1 changed files with 85 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Leaf } from "lucide-react";
+
+export default function ServicesPage() {
+  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="Ugarte Landscapes"
+            navItems={[
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/#about" },
+              { name: "Team", id: "/#team" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            button={{ text: "Request Repair", href: "/#contact" }}
+          />
+        </div>
+
+        <div id="services" data-section="services" className="pt-24">
+          <FeatureCardNineteen
+            tag="Our Services"
+            tagIcon={Leaf}
+            title="Comprehensive Landscaping & Irrigation Solutions"
+            description="We offer a full suite of services to ensure your property remains lush, beautiful, and efficient throughout the seasons."
+            buttonAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                tag: "Repair",                title: "Irrigation System Repair",                subtitle: "Quick Fixes",                description: "From leaky valves to broken controller issues, our experts identify and resolve irrigation problems promptly.",                imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020410.jpg"},
+              {
+                tag: "Maintenance",                title: "Lawn Care Maintenance",                subtitle: "Seasonal upkeep",                description: "Keep your lawn pristine with professional mowing, trimming, edging, and tailored seasonal care plans.",                imageSrc: "http://img.b2bpic.net/free-photo/woman-pruning-bushes-smiling-camera_651396-3821.jpg"},
+              {
+                tag: "Design",                title: "Landscaping Design",                subtitle: "Creative planning",                description: "Collaborate with us to refresh your landscape layout, incorporating sustainable and aesthetically pleasing garden designs.",                imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg"},
+              {
+                tag: "Systems",                title: "Efficiency Upgrades",                subtitle: "Water Savings",                description: "Modernize your system with high-efficiency spray heads and smart controllers to drastically reduce water waste.",                imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmer-spraying-fertilizer-vegetable-green-plants_35913-2325.jpg"},
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Ugarte Services",                items: [
+                  { label: "Irrigation Repair", href: "/services" },
+                  { label: "Lawn Care", href: "/services" },
+                  { label: "Landscape Design", href: "/services" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "/#faq" },
+                  { label: "Contact Us", href: "/#contact" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2026 Ugarte Landscapes & Irrigation Repair"
+            bottomRightText="All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}