diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index 5aef234..ce477a3 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -9,6 +9,14 @@ import { Lock, Shield, Zap, Users } from "lucide-react";
 import Link from "next/link";
 
 export default function ProfilePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Features", id: "#features" },
+    { name: "Security", id: "#security" },
+    { name: "Sign In", id: "https://example.com/login" },
+    { name: "Sign Up", id: "https://example.com/signup" },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -25,13 +33,7 @@ export default function ProfilePage() {
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           brandName="AuthVault"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Features", id: "#features" },
-            { name: "Security", id: "#security" },
-            { name: "Sign In", id: "https://example.com/login" },
-            { name: "Sign Up", id: "https://example.com/signup" },
-          ]}
+          navItems={navItems}
         />
       </div>
 
@@ -168,4 +170,4 @@ export default function ProfilePage() {
       </footer>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}