diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6011750..5f4c57d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -94,12 +94,12 @@ export default function LandingPage() {
         {
           type: "text",          text: "Timeless Style"},
         {
-          type: "text-icon",          text: "Ethical Sourcing",          icon: Leaf,
+          type: "text-icon",          text: "Ethical Sourcing",          icon: Leaf
         },
         {
           type: "text",          text: "Personal Expression"},
         {
-          type: "text-icon",          text: "Curated Luxury",          icon: Sparkles,
+          type: "text-icon",          text: "Curated Luxury",          icon: Sparkles
         },
         {
           type: "text",          text: "Investment Pieces"},
@@ -190,23 +190,27 @@ export default function LandingPage() {
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardNine
+      <PricingCardFive
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
         {
-          id: "curated-edit",          title: "Curated Edit",          price: "$199",          period: "per session",          features: [
-            "Personalized Style Consultation",            "Digital Lookbook",            "Handpicked Product Recommendations",            "Seasonal Trend Insights"],
-          button: {
-            text: "Book Session",            href: "#contact"},
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-touching-dress-shop_23-2147786839.jpg",          imageAlt: "Stylist selecting clothes"},
+          id: "curated-edit",          tag: "One-time session",          price: "$199",          period: "per session",          description: "Unlock your unique style with expert guidance and a personalized lookbook.",          button: {
+            text: "Book Session",            href: "#contact"
+          },
+          featuresTitle: "Includes:",          features: [
+            "Personalized Style Consultation",            "Digital Lookbook",            "Handpicked Product Recommendations",            "Seasonal Trend Insights"
+          ]
+        },
         {
-          id: "editorial-membership",          title: "Editorial Membership",          price: "$49",          period: "per month",          features: [
-            "Exclusive Editorial Content",            "Early Access to New Collections",            "Member-Only Discounts",            "Bi-Annual Style Reports",            "Priority Customer Support"],
-          button: {
-            text: "Join Now",            href: "#"},
-          imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407883.jpg",          imageAlt: "Exclusive fashion magazine"},
+          id: "editorial-membership",          tag: "Monthly Access",          price: "$49",          period: "per month",          description: "Stay ahead with exclusive content and member perks.",          button: {
+            text: "Join Now",            href: "#"
+          },
+          featuresTitle: "Benefits:",          features: [
+            "Exclusive Editorial Content",            "Early Access to New Collections",            "Member-Only Discounts",            "Bi-Annual Style Reports",            "Priority Customer Support"
+          ]
+        }
       ]}
       title="Elevate Your Style Journey"
       description="Choose from our bespoke styling services or unlock exclusive access with an Editorial Membership."
@@ -278,19 +282,16 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactCenter
       useInvertedBackground={false}
       background={{
         variant: "sparkles-gradient"}}
-      tag="Get in Touch"
-      title="Ready for Your Next Investment Piece?"
-      description="Our team of stylists and client advisors are here to guide you through our collections and elevate your personal style journey."
-      buttons={[
-        {
-          text: "Contact Us",          href: "#"},
-        {
-          text: "Book a Styling Session",          href: "#pricing"},
-      ]}
+      tag="Stay Connected"
+      title="Join Our Community"
+      description="Get exclusive drops, style insights, and early access to new collections delivered straight to your inbox."
+      inputPlaceholder="Enter your email"
+      buttonText="Subscribe Now"
+      termsText="By subscribing, you agree to our privacy policy and to receive marketing communications."
     />
   </div>
 
@@ -314,4 +315,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 52de42f..62c2d18 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index b7afc67..997e9fc 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
-  --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #e34400;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #010101;
+  --secondary-cta-text: #ffffff;
+  --accent: #ff7b05;
+  --background-accent: #106efb;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);