diff --git a/src/app/admin/dashboard/page.tsx b/src/app/admin/dashboard/page.tsx
index ac31a53..65ec10c 100644
--- a/src/app/admin/dashboard/page.tsx
+++ b/src/app/admin/dashboard/page.tsx
@@ -3,22 +3,36 @@
 import React, { useState } from 'react';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { Settings, FileText, ShoppingBag, Mail, Plus } from 'lucide-react';
+import { Plus } from 'lucide-react';
 
 export default function AdminDashboard() {
   const [activeTab, setActiveTab] = useState('pages');
 
   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"
+    >
       <div className="min-h-screen bg-gray-50">
-        <NavbarLayoutFloatingOverlay
-          brandName="UMBRA ADMIN"
-          navItems={[
-            { name: "Content", id: "pages" },
-            { name: "Products", id: "products" },
-            { name: "Requests", id: "requests" }
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="UMBRA ADMIN"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Content", id: "pages" },
+              { name: "Products", id: "products" },
+              { name: "Requests", id: "requests" }
+            ]}
+          />
+        </div>
         <main className="pt-24 px-8 max-w-7xl mx-auto">
           <div className="flex justify-between items-center mb-8">
             <h1 className="text-3xl font-bold">{activeTab.charAt(0).toUpperCase() + activeTab.slice(1)} Management</h1>