Update src/app/services/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -2,17 +2,16 @@
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 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 ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Leaf, TreePine, Droplets, Wrench } from "lucide-react";
+import { Droplets, Wrench } from "lucide-react";
 
 export default function LandscapingPage() {
   return (
@@ -30,10 +29,10 @@ export default function LandscapingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleFullscreen
+          <NavbarStyleCentered
             brandName="Ugarte Landscapes"
             navItems={[
-              { name: "Services", id: "services" },
+              { name: "Services", id: "/services" },
               { name: "About", id: "about" },
               { name: "Team", id: "team" },
               { name: "Testimonials", id: "testimonials" },
@@ -51,7 +50,7 @@ export default function LandscapingPage() {
             description="Specializing in professional landscape maintenance and precision irrigation system repairs to keep your greenery thriving all year."
             buttons={[
               { text: "Schedule Repair", href: "#contact" },
-              { text: "Explore Services", href: "#services" },
+              { text: "Explore Services", href: "/services" },
             ]}
             buttonAnimation="slide-up"
             imageSrc="http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748216.jpg"
@@ -84,28 +83,6 @@ export default function LandscapingPage() {
           />
         </div>
 
-        <div id="services" data-section="services">
-          <FeatureCardNineteen
-            tag="Our Services"
-            tagIcon={Leaf}
-            title="Landscaping & Irrigation Solutions"
-            description="Complete care for your outdoor environment, from soil to sprinkler."
-            buttonAnimation="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-              {
-                tag: "Repair",                title: "Irrigation System Repair",                subtitle: "Quick Fixes",                description: "Got a leak or broken sprinkler head? We diagnose and repair irrigation issues fast.",                imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020410.jpg"},
-              {
-                tag: "Maintenance",                title: "Lawn Care Maintenance",                subtitle: "Seasonal upkeep",                description: "Expert lawn mowing, edging, and seasonal cleanup to maintain your property's value.",                imageSrc: "http://img.b2bpic.net/free-photo/woman-pruning-bushes-smiling-camera_651396-3821.jpg"},
-              {
-                tag: "Design",                title: "Landscaping Design",                subtitle: "Creative planning",                description: "Refreshing your landscape with creative planting and hardscape layout designs.",                imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg"},
-              {
-                tag: "Systems",                title: "Efficiency Upgrades",                subtitle: "Save water",                description: "Upgrade your old controllers and spray heads to water-efficient modern systems.",                imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmer-spraying-fertilizer-vegetable-green-plants_35913-2325.jpg"},
-            ]}
-          />
-        </div>
-
         <div id="why-us" data-section="why-us">
           <TeamCardSix
             title="The Ugarte Advantage"
@@ -185,10 +162,10 @@ export default function LandscapingPage() {
             title="Schedule a Visit"
             description="Need an irrigation repair or landscaping service? Drop us a line."
             useInvertedBackground={false}
-            mediaAnimation="none"
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-of-a-professional-irrigation-technician-working-on-an-underground-sprinkler-system-valves_864155-219.jpg"
+            imageAlt="Technician repairing an irrigation system"
             buttonText="Submit Request"
-            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", required: true },
@@ -206,9 +183,9 @@ export default function LandscapingPage() {
             columns={[
               {
                 title: "Ugarte Services",                items: [
-                  { label: "Irrigation Repair", href: "#services" },
+                  { label: "Irrigation Repair", href: "/services" },
-                  { label: "Lawn Care", href: "#services" },
+                  { label: "Lawn Care", href: "/services" },
-                  { label: "Landscape Design", href: "#services" },
+                  { label: "Landscape Design", href: "/services" },
                 ],
               },
               {

src/app/services/page.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+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">
+          <NavbarStyleCentered
+            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>
+  );
+}