diff --git a/src/app/membership-plans/page.tsx b/src/app/membership-plans/page.tsx
index 4b89ae4..5c8d832 100644
--- a/src/app/membership-plans/page.tsx
+++ b/src/app/membership-plans/page.tsx
@@ -2,12 +2,23 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function MembershipPlansPage() {
   return (
-    <ThemeProvider borderRadius="soft" contentWidth="mediumLarge" background="none">
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="soft" 
+      contentWidth="mediumLarge" 
+      sizing="medium" 
+      background="none" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           brandName="SVS FITNESS"
@@ -20,16 +31,16 @@ export default function MembershipPlansPage() {
         />
       </div>
       <div id="pricing" data-section="pricing" className="pt-24">
-        <PricingCardThree
+        <PricingCardEight
           title="Our Membership Plans"
           description="Flexible options to suit your fitness journey."
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           plans={[
-            { id: "basic", name: "Basic Plan", price: "₹500", features: ["Access to gym equipment", "Basic workout guidance"], buttons: [{ text: "Select Plan", href: "/register" }] },
-            { id: "standard", name: "Standard Plan", price: "₹800", features: ["Everything in Basic", "Personalized routine", "Diet consultation"], buttons: [{ text: "Select Plan", href: "/register" }] },
-            { id: "premium", name: "Premium Plan", price: "₹1200", features: ["Everything in Standard", "1-on-1 coaching", "Extended access"], buttons: [{ text: "Select Plan", href: "/register" }] },
+            { id: "basic", badge: "Essential", price: "₹500", subtitle: "Gym access", features: ["Access to gym equipment", "Basic workout guidance"], buttons: [{ text: "Select Plan", href: "/register" }] },
+            { id: "standard", badge: "Popular", price: "₹800", subtitle: "Personalized care", features: ["Everything in Basic", "Personalized routine", "Diet consultation"], buttons: [{ text: "Select Plan", href: "/register" }] },
+            { id: "premium", badge: "VIP", price: "₹1200", subtitle: "Pro coaching", features: ["Everything in Standard", "1-on-1 coaching", "Extended access"], buttons: [{ text: "Select Plan", href: "/register" }] },
           ]}
         />
       </div>
diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index 81b1cc9..b9dc048 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -7,7 +7,18 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function RegisterPage() {
   return (
-    <ThemeProvider borderRadius="soft" contentWidth="mediumLarge" background="none">
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="soft" 
+      contentWidth="mediumLarge" 
+      sizing="medium" 
+      background="none" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           brandName="SVS FITNESS"