diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 20c205f..41409cb 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -2,11 +2,21 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import { useState } from "react";
 
 export default function LoginPage() {
     return (
-        <ThemeProvider>
+        <ThemeProvider
+            defaultButtonVariant="hover-magnetic"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="circleGradient"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="glass"
+            headingFontWeight="normal"
+        >
             <NavbarStyleCentered 
                 brandName="Luminé Skincare" 
                 navItems={[{ name: "Home", id: "/" }]}