diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index aca7716..f07a8a6 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,41 +3,42 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Search, Monitor, Zap } from "lucide-react";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 
 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
-          brandName="Webild"
-          navItems={[
-            { name: "Work", id: "/#work" },
-            { name: "Services", id: "/services" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/#contact" },
-          ]}
-          button={{ text: "Get Started", href: "/#contact" }}
-        />
-        <FeatureCardTwentySix
-          title="Our Service Offerings"
-          description="We provide end-to-end digital services tailored for high-growth businesses."
-          features={[
-            { title: "SEO Strategy", description: "Comprehensive search optimization and content strategy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp" },
-            { title: "Web Development", description: "High-performance web builds using React and Next.js.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp" },
-            { title: "Branding & UI/UX", description: "Crafting beautiful and functional digital products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp" },
-          ]}
-          animationType="slide-up"
-          useInvertedBackground={false}
-        />
-        <FooterBase
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Webild"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Work", id: "/work" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            button={{ text: "Get Started", href: "/contact" }}
+          />
+        </div>
+        <FooterLogoEmphasis
           logoText="Webild"
           columns={[
-            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
-            { title: "Services", items: [{ label: "Web Dev", href: "/services" }, { label: "SEO", href: "/services" }] },
-            { title: "Connect", items: [{ label: "Twitter", href: "#" }] },
+            { items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+            { items: [{ label: "Work", href: "/work" }, { label: "Contact", href: "/contact" }] }
           ]}
         />
       </ReactLenis>