diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index fa978eb..7634001 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -12,35 +12,29 @@ import Link from 'next/link';
 export default function PricingPage() {
   const navItems = [
     { name: "Services", id: "services" },
-    { name: "Process", id: "process" },
     { name: "Pricing", id: "pricing" },
+    { name: "Testimonials", id: "testimonials" },
     { name: "FAQ", id: "faq" },
     { name: "Contact", id: "contact" },
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="fluid"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="shadow"
-      secondaryButtonStyle="solid"
-      headingFontWeight="semibold"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           brandName="LegalPath"
-          navItems={[
-            { name: "Services", id: "services" },
-            { name: "Process", id: "process" },
-            { name: "Pricing", id: "pricing" },
-            { name: "FAQ", id: "faq" },
-            { name: "Contact", id: "contact" },
-          ]}
+          navItems={navItems}
         />
       </div>