Added LogIn Page

This commit is contained in:
2026-01-20 17:31:34 +01:00
parent 66f73c3523
commit 5fd5f4a843
6 changed files with 145 additions and 29 deletions

View File

@@ -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 {

View File

@@ -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 (
<html lang="fr">
<body>{children}</body>
<body className={poppins.variable}>{children}</body>
</html>
);
}

View File

@@ -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>
);