diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 97506b2..7e9e2c0 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -11,9 +11,9 @@ import { Shield, Workflow, TrendingUp, Zap } from "lucide-react";
 export default function FeaturesPage() {
   const navItems = [
     { name: "Features", id: "/features" },
-    { name: "How It Works", id: "/" },
+    { name: "How It Works", id: "product" },
     { name: "Pricing", id: "/pricing" },
-    { name: "FAQ", id: "/contact" },
+    { name: "FAQ", id: "faq" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -46,16 +46,16 @@ export default function FeaturesPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
       background="aurora"
-      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay