src/app/admin/dashboard/page.tsx

@@ -1,16 +1,26 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { useState } from "react";
 import { LayoutDashboard, Users, Scissors, TrendingUp } from "lucide-react";
 
 export default function AdminDashboardPage() {
   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-background p-8">
         <h1 className="text-3xl font-bold mb-8">Admin Dashboard</h1>
         <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
-          {[ 
+          {[
             { icon: LayoutDashboard, title: "Overview" },
             { icon: Users, title: "Clients" },
             { icon: Scissors, title: "Services" },