diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index cfbcc93..87d55f9 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -6,15 +6,28 @@ import ReactLenis from "lenis/react";
 
 export default function ProfilePage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarStyleApple 
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple 
             navItems={[
                 { name: "Feed", id: "/" },
                 { name: "Profile", id: "/profile" },
             ]}
             brandName="ConnectHub" 
-        />
+          />
+        </div>
         <main className="pt-24 pb-12 px-6 max-w-5xl mx-auto space-y-12">
             <section className="flex items-center gap-8 bg-card p-8 rounded-lg">
                 <img src="http://img.b2bpic.net/free-photo/businessman-using-tablet-with-digital-data-interface_23-2151964662.jpg" alt="Profile" className="w-32 h-32 rounded-full object-cover" />