Update src/app/login/page.tsx

src/app/login/page.tsx

@@ -9,7 +9,7 @@ export default function LoginPage() {
   const [isLogin, setIsLogin] = useState(true);
 
   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">
       <NavbarLayoutFloatingOverlay
         navItems={[{ name: "Home", id: "/" }, { name: "Login", id: "/login" }]}
         brandName="SchoolPortal"
@@ -23,6 +23,7 @@ export default function LoginPage() {
             { name: "password", type: "password", placeholder: "Password", required: true },
             ...(!isLogin ? [{ name: "confirmPassword", type: "password", placeholder: "Confirm Password", required: true }] : [])
           ]}
+          useInvertedBackground={false}
           buttonText={isLogin ? "Sign In" : "Sign Up"}
           onSubmit={(data) => console.log("Form submitted:", data)}
         />