Added LogIn Page

app/login/page.tsx

@@ -1,6 +1,7 @@
 import { redirect } from 'next/navigation';
-import { getCurrentUser, login } from '@/lib/auth';
+import { getCurrentUser } from '@/lib/auth';
 import LoginForm from '@/components/LoginForm';
+import Image from 'next/image';
 
 export default async function LoginPage() {
   const user = await getCurrentUser();
@@ -10,17 +11,36 @@ export default async function LoginPage() {
   }
 
   return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900">
-      <div className="max-w-md w-full space-y-8 p-8">
-        <div>
-          <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900 dark:text-white">
-            Connexion à votre compte
+    <div className="min-h-screen flex items-center justify-center bg-cwhite">
+      <div className="w-full max-w-lg bg-white rounded-3xl shadow-lg py-8 px-12">
+        {/* Logo */}
+        <div className="flex justify-center mb-6">
+          <Image
+            src="/logo.svg"
+            alt="MAD Logo"
+            width={120}
+            height={120}
+            priority
+          />
+        </div>
+
+        {/* Heading */}
+        <div className="text-center mb-6">
+          <h2 className="text-2xl font-bold text-gray-900 mb-2">
+            Content de vous revoir
           </h2>
-          <p className="mt-2 text-center text-sm text-gray-600 dark:text-gray-400">
-            Accédez à votre tableau de bord
+          <p className="text-sm text-gray-600">
+            Connectez-vous pour accéder à la plateforme.
           </p>
         </div>
+
+        {/* Login Form */}
         <LoginForm />
+
+        {/* Footer */}
+        <div className="mt-8 text-center text-xs text-gray-500">
+          © 2025 MAD - <a href="https://legouix.dev" target="_blank" className="text-lblue hover:text-dblue">Propulsé par LGX</a>
+        </div>
       </div>
     </div>
   );