diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index b7868e5..c2efe12 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -8,24 +8,38 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 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: "About", id: "/about" },
-            { name: "Services", id: "/services" },
-            { name: "Projects", id: "/products" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="Lofty Hues"
-        />
-        <div style={{ paddingTop: "100px" }}>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Products", id: "/products" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Lofty Hues"
+          />
+        </div>
+        <div id="features" data-section="features" style={{ paddingTop: "100px" }}>
           <FeatureCardSeven
             animationType="slide-up"
             textboxLayout="default"
             title="Our Professional Interior Design Services"
             description="Discover our comprehensive range of services tailored to transform your space."
+            useInvertedBackground={false}
             features={[
               { title: "Space Planning", description: "Strategic layout optimization for maximum utility and flow.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg" },
               { title: "Furniture Curation", description: "Selecting the perfect pieces that blend aesthetics and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-comfortable-sofa-generated-by-ai_188544-18444.jpg" },
@@ -35,7 +49,9 @@ export default function ServicesPage() {
             ]}
           />
         </div>
-        <FooterBase logoText="Lofty Hues" columns={[]} />
+        <div id="footer" data-section="footer">
+           <FooterBase logoText="Lofty Hues" columns={[]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );