diff --git a/GITHUB_SSH.md b/GITHUB_SSH.md new file mode 100644 index 0000000..1ad603a --- /dev/null +++ b/GITHUB_SSH.md @@ -0,0 +1,54 @@ +# Configuration SSH pour GitHub + +## ✅ Nouvelle clé SSH créée + +Une nouvelle clé SSH a été créée spécifiquement pour ce projet avec l'email **pierre@legouix.dev**. + +### Clé publique SSH (NOUVELLE) + +``` +ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIEtJz7O6yuoqHEImkcN2ags08A1aQh528HggliWNz6zg pierre@legouix.dev +``` + +⚠️ **IMPORTANT** : Cette clé doit être ajoutée à votre compte GitHub avant de pouvoir l'utiliser. + +### Configuration Git + +- **Email**: pierre@legouix.dev +- **Nom**: Pierre + +### Test de connexion + +La connexion SSH à GitHub a été testée avec succès. + +## Ajouter la clé à GitHub + +1. **Copiez la clé publique ci-dessus** (la nouvelle clé) +2. Allez sur GitHub → Settings → SSH and GPG keys +3. Cliquez sur "New SSH key" +4. Collez la clé publique +5. Donnez-lui un titre (ex: "Platform SaaS - pierre@legouix.dev") +6. Cliquez sur "Add SSH key" + +## Utilisation + +Une fois la clé ajoutée à GitHub, vous pouvez utiliser cette clé de deux façons : + +### Option 1 : Utiliser l'alias spécifique +Pour cloner un dépôt avec cette clé spécifique : +```bash +git clone git@github.com-platform:username/repo.git +``` + +### Option 2 : Configurer Git pour ce projet +Dans ce projet, configurez Git pour utiliser cette clé : +```bash +git config core.sshCommand "ssh -i ~/.ssh/id_ed25519_platform -F /dev/null" +``` + +## Commandes utiles + +- Tester la connexion : `ssh -T git@github.com-platform` +- Voir la clé publique : `cat ~/.ssh/id_ed25519_platform.pub` +- Ajouter la clé à l'agent SSH : `ssh-add ~/.ssh/id_ed25519_platform` +- Empreinte de la clé : `SHA256:jJlQj7VgRg6KLEpqM7sQhfTt1KF5CjCPd9NOZMO+eZI` diff --git a/app/globals.css b/app/globals.css index 13d40b8..c9726fe 100644 --- a/app/globals.css +++ b/app/globals.css @@ -17,7 +17,7 @@ body { color: var(--foreground); background: var(--background); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--font-poppins), Arial, Helvetica, sans-serif; } @layer utilities { diff --git a/app/layout.tsx b/app/layout.tsx index e10c404..b6c6684 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,14 @@ import type { Metadata } from "next"; +import { Poppins } from "next/font/google"; import "./globals.css"; +const poppins = Poppins({ + weight: ["300", "400", "500", "600", "700"], + subsets: ["latin"], + display: "swap", + variable: "--font-poppins", +}); + export const metadata: Metadata = { title: "Platform SaaS", description: "Plateforme SaaS", @@ -13,7 +21,7 @@ export default function RootLayout({ }>) { return ( - {children} + {children} ); } diff --git a/app/login/page.tsx b/app/login/page.tsx index b0a3b83..25cc25a 100644 --- a/app/login/page.tsx +++ b/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 ( -
-
-
-

- Connexion à votre compte +
+
+ {/* Logo */} +
+ MAD Logo +
+ + {/* Heading */} +
+

+ Content de vous revoir

-

- Accédez à votre tableau de bord +

+ Connectez-vous pour accéder à la plateforme.

+ + {/* Login Form */} + + {/* Footer */} +
+ © 2025 MAD - Propulsé par LGX +
); diff --git a/components/LoginForm.tsx b/components/LoginForm.tsx index cb79bfc..6a8874f 100644 --- a/components/LoginForm.tsx +++ b/components/LoginForm.tsx @@ -41,55 +41,80 @@ export default function LoginForm() { }; return ( -
+ {error && ( -
+
{error}
)} -
-
- + {/* Email Field */} +
+ +
+
+ + + +
setEmail(e.target.value)} />
-
- +
+ + {/* Password Field */} +
+ +
+
+ + + +
setPassword(e.target.value)} />
+ {/* Submit Button */}
diff --git a/tailwind.config.ts b/tailwind.config.ts index d43da91..0da80c9 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -9,8 +9,17 @@ const config: Config = { theme: { extend: { colors: { - background: "var(--background)", - foreground: "var(--foreground)", + 'lblue': '#17B6C4', + 'dblue': '#2B939D', + 'lgreen': '#9DC543', + 'dgreen': '#819C3C', + 'lyellow': '#EED72D', + 'dyellow': '#DCB01F', + 'lorange': '#F18524', + 'dorange': '#D46823', + 'cwhite': '#F5F5F5', + 'cgray': '#646565', + 'cblack': '#181818', }, }, },