diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 675be6f..3ec5015 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,25 +2,25 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Headphones, ShieldCheck } from "lucide-react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleCentered
         navItems={[
           { name: "Home", id: "/" },
           { name: "Rooms", id: "/rooms" },
           { name: "About Us", id: "/about" },
-          { name: "Contact", id: "/#contact" },
+          { name: "Contact", id: "/contact" },
         ]}
         brandName="Nigeria Passport"
       />
-      <TextAbout 
+      <TextSplitAbout 
         title="About Us"
-        description="Dedicated to providing seamless immigration experiences for every Nigerian."
+        description={["Dedicated to providing seamless immigration experiences for every Nigerian."]}
         useInvertedBackground={false}
       />
       <FooterCard
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index b88c812..990b9e0 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Headphones, ShieldCheck, Phone, MessageCircle } from "lucide-react";
+import { Headphones, Phone, MessageCircle } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -25,44 +25,21 @@ export default function ContactPage() {
         <NavbarStyleCentered
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Services", id: "/#services" },
-            { name: "Gallery", id: "/#gallery" },
-            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Rooms", id: "/rooms" },
+            { name: "About Us", id: "/about" },
             { name: "Contact", id: "/contact" },
           ]}
           brandName="Nigeria Passport"
         />
         
         <div className="pt-24 pb-12">
-          <div className="container mx-auto px-4">
-            <h1 className="text-4xl font-bold mb-8 text-center">Contact Us</h1>
-            <div className="grid md:grid-cols-2 gap-12">
-              <div>
-                <h2 className="text-2xl font-semibold mb-4">Visit Our Office</h2>
-                <p className="mb-6">Dili Ituludiegwu Road, Satellite Town, Lagos, Nigeria</p>
-                <div className="aspect-video bg-gray-200 rounded-lg overflow-hidden">
-                  <iframe 
-                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.385317769612!2d3.256860074819779!3d6.467888793532454!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x103b879b29e00001%3A0x6b4476686e0689b1!2sSatellite%20Town%2C%20Lagos%2C%20Nigeria!5e0!3m2!1sen!2sng!4v1710000000000!5m2!1sen!2sng" 
-                    width="100%" 
-                    height="100%" 
-                    style={{ border: 0 }} 
-                    allowFullScreen 
-                    loading="lazy">
-                  </iframe>
-                </div>
-              </div>
-              <ContactSplitForm
-                title="Send Message"
-                description="We usually respond within 24 hours."
-                inputs={[
-                  { name: "name", type: "text", placeholder: "Full Name", required: true },
-                  { name: "email", type: "email", placeholder: "Email", required: true }
-                ]}
-                textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
-                buttonText="Send Email"
-              />
-            </div>
-          </div>
+            <ContactCTA
+                tag="Need Assistance?"
+                title="Get in Touch"
+                description="Our team is ready to help you with your immigration needs. Reach out to us via our office or online channels."
+                buttons={[{ text: "Contact Support" }]}
+                useInvertedBackground={false}
+            />
         </div>
 
         <FooterCard
diff --git a/src/app/rooms/page.tsx b/src/app/rooms/page.tsx
index 09fc79b..45ddec5 100644
--- a/src/app/rooms/page.tsx
+++ b/src/app/rooms/page.tsx
@@ -2,31 +2,32 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Headphones, ShieldCheck } from "lucide-react";
 
 export default function RoomsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleCentered
         navItems={[
           { name: "Home", id: "/" },
           { name: "Rooms", id: "/rooms" },
           { name: "About Us", id: "/about" },
-          { name: "Contact", id: "/#contact" },
+          { name: "Contact", id: "/contact" },
         ]}
         brandName="Nigeria Passport"
       />
-      <PricingCardThree 
+      <PricingCardNine 
         title="Our Room Categories"
         description="Experience comfort and luxury starting from 20,000 Naira."
         animationType="slide-up"
         useInvertedBackground={false}
+        textboxLayout="default"
         plans={[
-          { id: "r1", name: "Standard Room", price: "₦20,000", buttons: [{ text: "Book Now" }], features: ["Free Wi-Fi", "Air Conditioning", "Daily Breakfast", "24/7 Security"] },
-          { id: "r2", name: "Executive Suite", price: "₦35,000", buttons: [{ text: "Book Now" }], features: ["High Speed Wi-Fi", "Smart TV", "Mini Bar", "Complimentary Spa Access"] },
-          { id: "r3", name: "Deluxe Royal", price: "₦50,000", buttons: [{ text: "Book Now" }], features: ["King Size Bed", "Private Lounge", "City View", "Priority Service"] }
+          { id: "r1", title: "Standard Room", price: "₦20,000", period: "per night", button: { text: "Book Now" }, features: ["Free Wi-Fi", "Air Conditioning", "Daily Breakfast", "24/7 Security"] },
+          { id: "r2", title: "Executive Suite", price: "₦35,000", period: "per night", button: { text: "Book Now" }, features: ["High Speed Wi-Fi", "Smart TV", "Mini Bar", "Complimentary Spa Access"] },
+          { id: "r3", title: "Deluxe Royal", price: "₦50,000", period: "per night", button: { text: "Book Now" }, features: ["King Size Bed", "Private Lounge", "City View", "Priority Service"] }
         ]}
       />
       <FooterCard