diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 04297b0..ed4fc52 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -9,18 +9,20 @@ import { ShieldCheck, Sparkles, Stethoscope, Smile } from "lucide-react";
 
 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>
-        <NavbarLayoutFloatingOverlay 
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Services", id: "/services" },
-            { name: "Reviews", id: "/reviews" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="One Smile" 
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="One Smile" 
+          />
+        </div>
         <FeatureCardTen 
           title="Our Dental Services"
           description="Comprehensive care for the whole family."
@@ -28,10 +30,10 @@ export default function ServicesPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
-            { id: "1", title: "Dental Cleanings", description: "Routine professional cleanings for optimal oral hygiene.", media: { imageSrc: "http://img.b2bpic.net/free-photo/dental-tools_1234.jpg?_wi=1" }, items: [{ icon: ShieldCheck, text: "Plaque removal" }, { icon: ShieldCheck, text: "Deep cleaning" }], reverse: false },
-            { id: "2", title: "Teeth Whitening", description: "Brighten your smile with our professional whitening solutions.", media: { imageSrc: "http://img.b2bpic.net/free-photo/white-teeth_5678.jpg?_wi=1" }, items: [{ icon: Sparkles, text: "Fast results" }, { icon: Sparkles, text: "Safe enamel treatment" }], reverse: true },
-            { id: "3", title: "Dental Implants", description: "Permanent, natural-looking tooth replacement.", media: { imageSrc: "http://img.b2bpic.net/free-photo/implant_9012.jpg?_wi=1" }, items: [{ icon: Stethoscope, text: "Advanced technology" }, { icon: Stethoscope, text: "Expert placement" }], reverse: false },
-            { id: "4", title: "Orthodontics", description: "Correct alignment with braces or clear aligners.", media: { imageSrc: "http://img.b2bpic.net/free-photo/ortho_3456.jpg?_wi=1" }, items: [{ icon: Smile, text: "Custom plans" }, { icon: Smile, text: "Progress tracking" }], reverse: true }
+            { icon: ShieldCheck, title: "Dental Cleanings", description: "Routine professional cleanings for optimal oral hygiene." },
+            { icon: Sparkles, title: "Teeth Whitening", description: "Brighten your smile with our professional whitening solutions." },
+            { icon: Stethoscope, title: "Dental Implants", description: "Permanent, natural-looking tooth replacement." },
+            { icon: Smile, title: "Orthodontics", description: "Correct alignment with braces or clear aligners." }
           ]}
         />
         <FooterLogoEmphasis