diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index a21bb0f..1f8d44c 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -5,17 +5,19 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 
 export default function ProfilePage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Products", id: "/products" },
-          { name: "Features", id: "/features" },
-          { name: "Login", id: "/login" },
-          { name: "Register", id: "/register" },
-        ]}
-        brandName="PulseGaming"
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Features", id: "/features" },
+            { name: "Login", id: "/login" },
+            { name: "Register", id: "/register" },
+          ]}
+          brandName="PulseGaming"
+        />
+      </div>
       <div className="min-h-screen pt-32 px-8">
         <h1 className="text-4xl font-bold">My Profile</h1>
         <p className="mt-4 text-lg opacity-70">Account management settings will be displayed here.</p>