diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index 9674b98..582d608 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -6,14 +6,28 @@ import React from "react";
 
 export default function ProfilePage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        brandName="Prime Realty"
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Profile", id: "/profile" },
-        ]}
-      />
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Prime Realty"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Profile", id: "/profile" },
+          ]}
+          button={{ text: "Sign Out", href: "/" }}
+        />
+      </div>
       <div className="min-h-screen pt-32 px-6 max-w-4xl mx-auto">
         <h1 className="text-4xl font-bold mb-8">User Profile</h1>
         <div className="bg-card p-8 rounded-lg shadow-sm border border-border">
@@ -21,11 +35,11 @@ export default function ProfilePage() {
           <div className="space-y-4">
             <div>
               <label className="block text-sm font-medium mb-1">Email Address</label>
-              <input type="email" disabled value="user@example.com" className="w-full p-2 border rounded bg-muted" />
+              <input type="email" disabled defaultValue="user@example.com" className="w-full p-2 border rounded bg-muted" />
             </div>
             <div>
               <label className="block text-sm font-medium mb-1">Password</label>
-              <input type="password" value="••••••••" className="w-full p-2 border rounded" />
+              <input type="password" defaultValue="••••••••" className="w-full p-2 border rounded" />
             </div>
             <button className="bg-primary text-primary-foreground px-4 py-2 rounded">Update Credentials</button>
           </div>