Initial commit for wedding-planner MVP

app/setup/page.tsx

@@ -0,0 +1,65 @@
+'use client'
+
+import { signIn } from 'next-auth/react';
+import React, { useState } from 'react'
+
+export default function SetupPage() {
+    const [role, setRole] = useState<'COUPLE' | 'PLANNER' | null>(null);
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+
+    async function handleSetup(e:React.FormEvent) {
+        e.preventDefault();
+
+        const res = await fetch('/api/setup', {
+            method: 'POST',
+            body: JSON.stringify({ email, password, role }),
+        });
+
+        if (res.ok) {
+            await signIn('credentials', { email, password, callbackUrl: '/' });
+        } else {
+            alert('Error setting up user');
+        }
+    }
+
+    if (!role) {
+        return (
+            <div className='mx-auto max-w-4xl border rounded-2xl flex flex-col items-center px-4 py-4 space-y-4'>
+                <h1 className='text-4xl font-bold'>Welcome! Who are you?</h1>
+                <button 
+                    className='hover:cursor-pointer dark:bg-white dark:text-black rounded px-4 py-2' 
+                    onClick={() => setRole('COUPLE')}
+                >
+                    I'm part of the Couple
+                </button>
+                <button 
+                    className='hover:cursor-pointer dark:bg-white dark:text-black rounded px-4 py-2'
+                    onClick={() => setRole('PLANNER')}
+                >
+                    I'm the Planner
+                </button>
+            </div>
+        );
+    }
+    return (
+        <form onSubmit={handleSetup} className="space-y-4">
+            <h2>Create your account ({role})</h2>
+            <input
+                type="email"
+                placeholder="Email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                required
+            />
+            <input
+                type="password"
+                placeholder="Password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+            />
+            <button type="submit">Create Account</button>
+        </form>
+    )
+}