diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index c4b5fd5..817a429 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,10 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import { Facebook, Instagram, Twitter } from "lucide-react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ServicesPage() {
   return (
@@ -22,35 +20,28 @@ export default function ServicesPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Services", id: "/services" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            brandName="CottonAura"
-        />
-        <FeatureCardTwentySeven
-            title="Our Offerings"
-            description="Precision-engineered apparel for every athlete."
-            animationType="blur-reveal"
-            textboxLayout="split"
-            features={[
-                { id: "s1", title: "Performance Wear", descriptions: ["Breathable, wicking fabrics.", "Ergonomic fit for movement."] },
-                { id: "s2", title: "Custom Gear", descriptions: ["Team-specific designs.", "Personalized branding options."] },
-                { id: "s3", title: "Eco-Athletics", descriptions: ["Recycled materials.", "Low-impact manufacturing."] }
-            ]}
-        />
-        <FooterCard
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="CottonAura"
+              button={{ text: "Contact" }}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
             logoText="CottonAura"
-            copyrightText="© 2025 CottonAura. All rights reserved."
-            socialLinks={[
-              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            columns={[
+              { title: "Services", items: [{ label: "Consulting", href: "/services" }] }
             ]}
-        />
+            copyrightText="© 2025 CottonAura."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );