diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 21615e8..04b7b8f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import MediaAbout from "@/components/sections/about/MediaAbout";
 import { Compass } from "lucide-react";
 
 export default function AboutPage() {
@@ -27,22 +27,17 @@ export default function AboutPage() {
                         { name: "Services", id: "/services" },
                         { name: "Destinations", id: "/" },
                         { name: "Reviews", id: "/" },
-                        { name: "Contact", id: "/" },
+                        { name: "Contact", id: "/contact" },
                     ]}
                     brandName="Luxuria"
-                    button={{ text: "Plan Your Trip", href: "#contact" }}
                 />
-                <MetricSplitMediaAbout
+                <MediaAbout
                     className="pt-40"
                     tag="About Us"
                     tagIcon={Compass}
                     title="Redefining Luxury Travel"
                     description="Luxuria was founded on the belief that travel should be more than just visiting a destination—it should be a life-changing experience. We are dedicated to providing unmatched service and attention to detail for every journey we curate."
-                    metrics={[
-                        { value: "15+", title: "Years Experience" },
-                        { value: "500+", title: "Luxury Journeys" },
-                        { value: "98%", title: "Client Satisfaction" },
-                    ]}
+                    useInvertedBackground={false}
                 />
             </ReactLenis>
         </ThemeProvider>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8e3d89a..660951e 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,11 +1,10 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import FooterBase from "@/components/sections/footer/FooterBase";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Instagram, Facebook, Linkedin } from "lucide-react";
 
 export default function ContactPage() {
     return (
@@ -26,30 +25,28 @@ export default function ContactPage() {
                     navItems={[
                         { name: "About", id: "/about" },
                         { name: "Services", id: "/services" },
-                        { name: "Destinations", id: "/destinations" },
-                        { name: "Reviews", id: "/reviews" },
+                        { name: "Destinations", id: "/" },
+                        { name: "Reviews", id: "/" },
                         { name: "Contact", id: "/contact" },
                     ]}
                     brandName="Luxuria"
-                    button={{ text: "Plan Your Trip", href: "/contact" }}
                 />
-                <ContactCenter
+                <ContactCTA
                     className="pt-40 pb-20"
                     tag="Let's Connect"
                     title="Inquire About Your Journey"
                     description="Ready to start planning your extraordinary escape? Reach out to our expert team for a personalized consultation."
-                    buttonText="Send Inquiry"
+                    buttons={[{ text: "Send Inquiry" }]}
+                    useInvertedBackground={false}
                 />
-                <FooterCard
+                <FooterBase
                     logoText="Luxuria"
-                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
-                    socialLinks={[
-                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                    columns={[
+                        { title: "Navigation", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+                        { title: "Support", items: [{ label: "Contact", href: "/contact" }] }
                     ]}
                 />
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index bd21ed2..0562635 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import { Sparkles } from "lucide-react";
 
 export default function ServicesPage() {
@@ -28,31 +28,29 @@ export default function ServicesPage() {
                         { name: "Services", id: "/services" },
                         { name: "Destinations", id: "/" },
                         { name: "Reviews", id: "/" },
-                        { name: "Contact", id: "/" },
+                        { name: "Contact", id: "/contact" },
                     ]}
                     brandName="Luxuria"
-                    button={{ text: "Plan Your Trip", href: "#contact" }}
                 />
-                <FeatureCardOne
+                <FeatureCardTwentyOne
                     className="pt-40"
                     tag="Services"
                     tagIcon={Sparkles}
                     title="Our Luxury Offerings"
                     description="Discover our comprehensive range of premium travel services designed for the discerning traveler."
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    gridVariant="uniform-all-items-equal"
-                    useInvertedBackground={false}
-                    features={[
-                        { title: "Private Aviation", description: "Global private jet charters with seamless transfers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp" },
-                        { title: "Luxury Accommodations", description: "Exclusive access to the world's finest villas and resorts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp" },
-                        { title: "Bespoke Experiences", description: "Tailor-made cultural and adventure activities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp" },
+                    accordionItems={[
+                        { id: "1", title: "Private Aviation", content: "Global private jet charters with seamless transfers." },
+                        { id: "2", title: "Luxury Accommodations", content: "Exclusive access to the world's finest villas and resorts." },
+                        { id: "3", title: "Bespoke Experiences", content: "Tailor-made cultural and adventure activities." },
                     ]}
+                    useInvertedBackground={false}
                 />
-                <ContactSplitForm
-                    title="Let's Plan Your Experience"
+                <ContactCTA
+                    tag="Get Started"
+                    title="Ready to Travel?"
                     description="Contact us to discuss your bespoke travel requirements."
-                    buttonText="Inquire Now"
+                    buttons={[{ text: "Inquire Now" }]}
+                    useInvertedBackground={false}
                 />
             </ReactLenis>
         </ThemeProvider>