diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index ee70d6e..2c7859f 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -6,7 +6,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
 import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
 import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Zap, Shield, Sparkles } from "lucide-react";
+import { Sparkles, Shield } from "lucide-react";
 
 export default function ServicesPage() {
   return (
@@ -18,90 +18,98 @@ export default function ServicesPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <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" }}
-        />
-        <FeatureCardSix
-          title="Our Comprehensive Services"
-          description="From high-performance web development to branding, we handle everything you need to grow your digital footprint."
-          textboxLayout="default"
-          animationType="slide-up"
-          features={[
-            {
-              title: "Full-Service Oil Change",              description: "Comprehensive inspection and high-quality oil replacement for maximum engine efficiency.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp"
-            },
-            {
-              title: "Advanced Engine Diagnostics",              description: "State-of-the-art scanning to identify potential issues before they become major repairs.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp"
-            },
-            {
-              title: "Maintenance Planning",              description: "Proactive scheduling and reminders to ensure your vehicle stays in peak condition.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp"
-            }
-          ]}
-        />
-        <PricingCardFive
-          title="Service Tiers"
-          description="Choose the maintenance plan that fits your vehicle's needs."
-          textboxLayout="default"
-          animationType="slide-up"
-          plans={[
-            {
-              id: "basic",              tag: "Essential",              price: "$49",              period: "/session",              description: "Quick oil change for standard engines.",              button: { text: "Select Plan", href: "#contact" },
-              featuresTitle: "Included:",              features: ["Synthetic Blend Oil", "Filter Replacement", "Tire Pressure Check", "Fluids Top-off"]
-            },
-            {
-              id: "pro",              tag: "Advanced",              tagIcon: Sparkles,
-              price: "$89",              period: "/session",              description: "Complete engine care and diagnostic service.",              button: { text: "Select Plan", href: "#contact" },
-              featuresTitle: "Everything in Essential, plus:",              features: ["Full Synthetic Oil", "Comprehensive Diagnostics", "Battery Health Check", "Brake Inspection"]
-            },
-            {
-              id: "enterprise",              tag: "Ultimate",              tagIcon: Shield,
-              price: "$149",              period: "/session",              description: "Premium maintenance for peak performance.",              button: { text: "Select Plan", href: "#contact" },
-              featuresTitle: "Everything in Advanced, plus:",              features: ["Air Filter Upgrade", "Fuel System Cleaning", "Detailed Engine Wash", "Priority Scheduling"]
-            }
-          ]}
-        />
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            {
-              title: "Company",              items: [
-                { label: "About", href: "/about" },
-                { label: "Services", href: "/services" },
-                { label: "Work", href: "/work" },
-                { label: "Contact", href: "/contact" },
-              ],
-            },
-            {
-              title: "Services",              items: [
-                { label: "Web Development", href: "#" },
-                { label: "SEO", href: "#" },
-                { label: "Branding", href: "#" },
-                { label: "UI/UX Design", href: "#" },
-              ],
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "#" },
-                { label: "LinkedIn", href: "#" },
-                { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" },
-              ],
-            },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <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" }}
+          />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            title="Our Comprehensive Services"
+            description="From high-performance web development to branding, we handle everything you need to grow your digital footprint."
+            textboxLayout="default"
+            features={[
+              {
+                title: "Full-Service Oil Change",                description: "Comprehensive inspection and high-quality oil replacement for maximum engine efficiency.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp"
+              },
+              {
+                title: "Advanced Engine Diagnostics",                description: "State-of-the-art scanning to identify potential issues before they become major repairs.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp"
+              },
+              {
+                title: "Maintenance Planning",                description: "Proactive scheduling and reminders to ensure your vehicle stays in peak condition.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp"
+              }
+            ]}
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            title="Service Tiers"
+            description="Choose the maintenance plan that fits your vehicle's needs."
+            textboxLayout="default"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "basic",                tag: "Essential",                price: "$49",                period: "/session",                description: "Quick oil change for standard engines.",                button: { text: "Select Plan", href: "#contact" },
+                featuresTitle: "Included:",                features: ["Synthetic Blend Oil", "Filter Replacement", "Tire Pressure Check", "Fluids Top-off"]
+              },
+              {
+                id: "pro",                tag: "Advanced",                tagIcon: Sparkles,
+                price: "$89",                period: "/session",                description: "Complete engine care and diagnostic service.",                button: { text: "Select Plan", href: "#contact" },
+                featuresTitle: "Everything in Essential, plus:",                features: ["Full Synthetic Oil", "Comprehensive Diagnostics", "Battery Health Check", "Brake Inspection"]
+              },
+              {
+                id: "enterprise",                tag: "Ultimate",                tagIcon: Shield,
+                price: "$149",                period: "/session",                description: "Premium maintenance for peak performance.",                button: { text: "Select Plan", href: "#contact" },
+                featuresTitle: "Everything in Advanced, plus:",                features: ["Air Filter Upgrade", "Fuel System Cleaning", "Detailed Engine Wash", "Priority Scheduling"]
+              }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Services", href: "/services" },
+                  { label: "Work", href: "/work" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Web Development", href: "#" },
+                  { label: "SEO", href: "#" },
+                  { label: "Branding", href: "#" },
+                  { label: "UI/UX Design", href: "#" },
+                ],
+              },
+              {
+                title: "Connect",                items: [
+                  { label: "Twitter", href: "#" },
+                  { label: "LinkedIn", href: "#" },
+                  { label: "Instagram", href: "#" },
+                  { label: "Dribbble", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );