Initial commit of Dance School App

src/app/login/page.tsx

@@ -0,0 +1,57 @@
+'use client';
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import styles from './login.module.css';
+
+export default function LoginPage() {
+    const [username, setUsername] = useState('');
+    const [password, setPassword] = useState('');
+    const [error, setError] = useState('');
+    const router = useRouter();
+
+    const handleSubmit = async (e: React.FormEvent) => {
+        e.preventDefault();
+        setError('');
+
+        const res = await fetch('/api/login', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ username, password }),
+        });
+
+        if (res.ok) {
+            router.push('/admin/dashboard');
+        } else {
+            const data = await res.json();
+            setError(data.error || 'Login failed');
+        }
+    };
+
+    return (
+        <div className={styles.container}>
+            <form onSubmit={handleSubmit} className={styles.card}>
+                <h1 className={styles.title}>Admin Login</h1>
+                {error && <div className={styles.error}>{error}</div>}
+                <div className={styles.formGroup}>
+                    <label className={styles.label}>Username</label>
+                    <input
+                        className={styles.input}
+                        type="text"
+                        value={username}
+                        onChange={(e) => setUsername(e.target.value)}
+                    />
+                </div>
+                <div className={styles.formGroup}>
+                    <label className={styles.label}>Password</label>
+                    <input
+                        className={styles.input}
+                        type="password"
+                        value={password}
+                        onChange={(e) => setPassword(e.target.value)}
+                    />
+                </div>
+                <button type="submit" className={styles.button}>Login</button>
+            </form>
+        </div>
+    );
+}