diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index f05b31a..ac53fa6 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
 import TeamCardSix from "@/components/sections/team/TeamCardSix";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 
@@ -33,17 +33,17 @@ export default function AboutPage() {
             ]}
           />
         </div>
-        <div id="about-hero" data-section="about-hero">
-          <MetricSplitMediaAbout
-            title="Our Agency Story"
-            description="We began with a passion for digital craftsmanship, growing into an agency that helps ambitious brands define their future."
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp"
-            metrics={[
-              { id: "m1", value: "8+", title: "Years Experience", items: ["Strategic design", "Digital growth"] },
-              { id: "m2", value: "100+", title: "Projects", items: ["Global brands", "Innovative tech"] },
-            ]}
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            title="Our Impact"
+            description="Tracking our growth and success."
+            animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
+            metrics={[
+              { value: "8+", title: "Years Experience", items: ["Strategic design", "Digital growth"] },
+              { value: "100+", title: "Projects", items: ["Global brands", "Innovative tech"] },
+            ]}
           />
         </div>
         <div id="team" data-section="team">
@@ -66,6 +66,8 @@ export default function AboutPage() {
             columns={[
               { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
             ]}
+            bottomLeftText="© 2024 Webild"
+            bottomRightText="All rights reserved."
           />
         </div>
       </ReactLenis>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8c3de80..0a0117c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -46,6 +46,8 @@ export default function ContactPage() {
             columns={[
               { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
             ]}
+            bottomLeftText="© 2024 Webild"
+            bottomRightText="All rights reserved."
           />
         </div>
       </ReactLenis>
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 3511759..6d727bb 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,87 +3,58 @@
 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 { Sparkles, CheckCircle } from "lucide-react";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function ServicesPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="none"
+      background="circleGradient"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      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" }}
-        />
-        <PricingCardTwo
-          title="Our Service Offerings"
-          description="Comprehensive solutions to scale your digital presence."
-          animationType="slide-up"
-          textboxLayout="default"
-          plans={[
-            {
-              id: "basic",              badge: "Essential",              price: "$1,999",              subtitle: "Perfect for small businesses starting their digital journey.",              buttons: [{ text: "Select Plan", href: "#contact" }],
-              features: ["Custom Responsive Website", "Basic SEO Optimization", "Contact Form", "1 Month Support"]
-            },
-            {
-              id: "pro",              badge: "Professional",              badgeIcon: Sparkles,
-              price: "$4,999",              subtitle: "Designed for growing brands that need robust performance.",              buttons: [{ text: "Select Plan", href: "#contact" }],
-              features: ["Advanced Web Features", "Full SEO Strategy", "CMS Integration", "Analytics Dashboard", "3 Months Priority Support"]
-            },
-            {
-              id: "enterprise",              badge: "Enterprise",              price: "Custom",              subtitle: "Tailored high-performance solutions for large teams.",              buttons: [{ text: "Contact Sales", href: "#contact" }],
-              features: ["Custom Web Application", "Performance Tuning", "Custom API Integrations", "Dedicated Project Manager", "24/7 Priority Support"]
-            }
-          ]}
-        />
-        <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: "/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: "#" },
-              ],
-            },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Webild"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+              { name: "Services", id: "/services" },
+            ]}
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            title="Our Services"
+            description="Clear and simple pricing for your projects."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "basic", badge: "Start", price: "$99", subtitle: "Essential", features: ["Fast delivery", "24/7 support"], buttons: [{ text: "Select", href: "#" }] },
+              { id: "pro", badge: "Best", price: "$199", subtitle: "Premium", features: ["Fast delivery", "24/7 support", "Custom code"], buttons: [{ text: "Select", href: "#" }] },
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
+            ]}
+            bottomLeftText="© 2024 Webild"
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file