diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 98c89b5..bda5408 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,9 +3,9 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import ContactText from "@/components/sections/contact/ContactText";
 
 export default function ServicesPage() {
   return (
@@ -32,62 +32,29 @@ export default function ServicesPage() {
           ]}
           button={{ text: "Get Started", href: "#contact" }}
         />
-        
-        <PricingCardTwo
+        <PricingCardEight
           title="Our Digital Services"
-          description="Transparent pricing for high-impact digital solutions."
+          description="Transparent pricing for high-impact solutions."
           animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           plans={[
             {
-              id: "web-dev",              badge: "Standard",              price: "$2,500+",              subtitle: "Custom Web Development",              features: ["Responsive design", "CMS integration", "Fast performance", "SEO foundation", "2-week turnaround"],
-              buttons: [{ text: "Inquire Now", href: "#contact" }]
-            },
-            {
-              id: "branding",              badge: "Popular",              price: "$1,500+",              subtitle: "Brand Strategy & Identity",              features: ["Logo design", "Brand guidelines", "Typography systems", "Social media assets", "1-week turnaround"],
-              buttons: [{ text: "Inquire Now", href: "#contact" }]
-            },
-            {
-              id: "seo",              badge: "Growth",              price: "$800/mo",              subtitle: "SEO & Analytics",              features: ["Keyword research", "On-page optimization", "Monthly reporting", "Backlink strategy", "Continuous monitoring"],
-              buttons: [{ text: "Inquire Now", href: "#contact" }]
+              id: "web-dev", badge: "Standard", price: "$2,500", subtitle: "Web", features: ["Responsive", "Fast"], buttons: [{ text: "Get" }]
             }
           ]}
         />
-        
-        <ContactCTA
-          tag="Contact Us"
-          title="Ready to start your project?"
-          description="Get in touch for a custom quote based on your specific requirements."
-          buttons={[{ text: "Let's Talk", href: "#contact" }]}
+        <ContactText
+            text="Let's talk"
+            background={{ variant: "rotated-rays-animated" }}
+            useInvertedBackground={false}
         />
-
-        <FooterBase
+        <FooterMedia
           logoText="Webild"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp"
           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: "/services" },
-                { label: "SEO", href: "/services" },
-                { label: "Branding", href: "/services" },
-                { label: "UI/UX Design", href: "/services" },
-              ],
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "#" },
-                { label: "LinkedIn", href: "#" },
-                { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" },
-              ],
-            },
+            { title: "Company", items: [{ label: "Home", href: "/" }] }
           ]}
         />
       </ReactLenis>