diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 9cae609..adb7af8 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -10,25 +10,25 @@ import { Zap, Award } from "lucide-react";
 
 export default function FeaturesPage() {
   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
@@ -96,18 +96,18 @@ export default function FeaturesPage() {
           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" }
               ]
             },
             {
@@ -122,4 +122,4 @@ export default function FeaturesPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}