diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 11d6298..a409973 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -6,10 +6,20 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function LoginPage() {
   const [isLogin, setIsLogin] = useState(true);
-  const router = useRouter();
-
+  
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
       <div className="min-h-screen flex items-center justify-center p-6">
         <div className="w-full max-w-md p-8 border rounded-2xl bg-card shadow-lg">
           <h1 className="text-3xl font-bold mb-6 text-center">{isLogin ? "Admin Login" : "Admin Signup"}</h1>