diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 5334bb2..d076585 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -1,46 +1,60 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ServicesPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
-            { name: "Portfolio", id: "/portfolio" },
-            { name: "Contact", id: "/contact" }
-          ]}
-          brandName="GreenLeaf Landscapes"
-        />
-        <FeatureCardSeven
-          animationType="slide-up"
-          textboxLayout="default"
-          title="Our Landscape Services"
-          description="Comprehensive outdoor solutions designed for longevity and beauty."
-          features={[
-            { title: "Lawn Mowing", description: "Precision cutting and edging.", imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg" },
-            { title: "Garden Design", description: "Custom aesthetic planning.", imageSrc: "http://img.b2bpic.net/free-photo/road-surrounded-with-green-tropical-trees-leading-hotel_181624-49537.jpg" },
-            { title: "Hardscaping", description: "Stone pathways and patios.", imageSrc: "http://img.b2bpic.net/free-photo/stone-path-way-garden_74190-3631.jpg" },
-            { title: "Irrigation", description: "Automated smart water systems.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060830.jpg" },
-            { title: "Plant Care", description: "Routine trimming and fertilization.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-watering-plants_23-2149098323.jpg" },
-            { title: "Cleanup", description: "Seasonal removal and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-worker-working-together-garden_23-2148165265.jpg" },
-            { title: "Soil Prep", description: "Aeration and nutrient enrichment.", imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg" }
-          ]}
-        />
-        <FooterBaseReveal
-          logoText="GreenLeaf"
-          columns={[
-            { title: "Services", items: [{ label: "View All", href: "/services" }] },
-            { title: "Company", items: [{ label: "Home", href: "/" }] }
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="GreenLeaf Landscapes"
+          />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            title="Our Services"
+            description="Expert landscape design and maintenance for your home."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Lawn Care", description: "Professional mowing and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-grass.jpg" },
+              { title: "Hardscaping", description: "Custom patios and walkways.", imageSrc: "http://img.b2bpic.net/free-photo/stone-patio.jpg" },
+              { title: "Garden Design", description: "Expert planting and floral design.", imageSrc: "http://img.b2bpic.net/free-photo/garden-design.jpg" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="GreenLeaf"
+            columns={[
+              { title: "Services", items: [{ label: "Lawn Care", href: "#" }, { label: "Hardscaping", href: "#" }] },
+              { title: "Company", items: [{ label: "Home", href: "/" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );