feat: add user authentication with livewire components

2026-06-24 06:53:19 +02:00
parent 5b05dfa8c7
commit fa38396479
9 changed files with 368 additions and 11 deletions
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr" class="dark">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ $title ?? 'Connexion' }} - Chatbot AGGLO</title>
+    
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    
+    <!-- Tailwind CSS CDN -->
+    <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+    <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    fontFamily: {
+                        sans: ['Outfit', 'sans-serif'],
+                    },
+                }
+            }
+        }
+    </script>
+    
+    @livewireStyles
+    
+    <style>
+        body {
+            font-family: 'Outfit', sans-serif;
+            background-color: #020617;
+        }
+    </style>
+</head>
+<body class="text-slate-100 min-h-screen flex items-center justify-center relative overflow-hidden selection:bg-cyan-500/30 selection:text-cyan-200">
+
+    <!-- Decorative background glows -->
+    <div class="absolute top-[-20%] left-[-20%] w-[60%] h-[60%] rounded-full bg-cyan-900/10 blur-[150px] pointer-events-none"></div>
+    <div class="absolute bottom-[-20%] right-[-20%] w-[60%] h-[60%] rounded-full bg-indigo-900/10 blur-[150px] pointer-events-none"></div>
+
+    <div class="w-full max-w-md px-6 py-12 relative z-10">
+        {{ $slot }}
+    </div>
+
+    @livewireScripts
+</body>
+</html>