diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index f9d089c..74362ae 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -2,32 +2,32 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
 import { CreditCard, Zap, Star, Crown } from "lucide-react";
 
 export default function PricingPage() {
   const navItems = [
-    { name: "Features", id: "features" },
-    { name: "Pricing", id: "pricing" },
-    { name: "About", id: "about" },
-    { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "contact" }
+    { name: "Features", id: "/features" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "About", id: "/about" },
+    { name: "FAQ", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmall"
-      background="circleGradient"
-      cardStyle="outline"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -40,7 +40,7 @@ export default function PricingPage() {
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardTwo
+        <PricingCardThree
           tag="Pricing"
           tagIcon={CreditCard}
           title="Simple, Transparent Pricing"
@@ -51,7 +51,7 @@ export default function PricingPage() {
           plans={[
             {
               id: "starter",              badge: "Starter",              badgeIcon: Zap,
-              price: "₹999/month",              subtitle: "Perfect for solo agents",              buttons: [
+              price: "₹999/month",              name: "Perfect for solo agents",              buttons: [
                 { text: "Get Started", href: "https://app.guesto.com/signup" }
               ],
               features: [
@@ -60,7 +60,7 @@ export default function PricingPage() {
             },
             {
               id: "professional",              badge: "Professional",              badgeIcon: Star,
-              price: "₹2,499/month",              subtitle: "For growing agencies",              buttons: [
+              price: "₹2,499/month",              name: "For growing agencies",              buttons: [
                 { text: "Start Free Trial", href: "https://app.guesto.com/signup" }
               ],
               features: [
@@ -69,8 +69,8 @@ export default function PricingPage() {
             },
             {
               id: "enterprise",              badge: "Enterprise",              badgeIcon: Crown,
-              price: "Custom",              subtitle: "For large teams",              buttons: [
-                { text: "Contact Sales", href: "#contact" }
+              price: "Custom",              name: "For large teams",              buttons: [
+                { text: "Contact Sales", href: "/contact" }
               ],
               features: [
                 "Everything in Professional",                "Dedicated account manager",                "Custom integrations",                "White-label solution",                "Advanced security",                "SLA guarantee",                "Training & onboarding"
@@ -89,18 +89,18 @@ export default function PricingPage() {
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "/pricing" },
                 { label: "Security", href: "#" },
                 { label: "Roadmap", href: "#" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "/contact" }
               ]
             },
             {
@@ -115,4 +115,4 @@ export default function PricingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}