diff --git a/app/apply/team/page.tsx b/app/apply/team/page.tsx index f0396cd..0efc2ce 100644 --- a/app/apply/team/page.tsx +++ b/app/apply/team/page.tsx @@ -1,16 +1,115 @@ -import Link from "next/link"; +"use client"; + +import { useState } from "react"; import PublicLayout from "@/components/layout/PublicLayout"; -export default function TeamApplyPage() { +type TeamFormState = { + teamName: string; + projectTitle: string; + budget: string; + description: string; +}; + +export default function TeamApplicationPage() { + const [form, setForm] = useState({ + teamName: "", + projectTitle: "", + budget: "", + description: "", + }); + + function updateField( + key: K, + value: TeamFormState[K], + ) { + setForm((prev) => ({ ...prev, [key]: value })); + } + + function handleSubmit(e: React.FormEvent) { + e.preventDefault(); + console.log("Team application form:", form); + } + return ( -
-

Team Application

-

Coming soon.

+
+

Team Application

+

+ UI only for now — submitting will log your inputs to the console. +

+ +
+ {/* Team Name */} +
+ + updateField("teamName", e.target.value)} + className="w-full rounded-md border px-3 py-2" + placeholder="e.g., Alpha Squad" + required + /> +
+ + {/* Project Title */} +
+ + updateField("projectTitle", e.target.value)} + className="w-full rounded-md border px-3 py-2" + placeholder="e.g., AI Research Dashboard" + required + /> +
+ + {/* Budget */} +
+ + updateField("budget", e.target.value)} + className="w-full rounded-md border px-3 py-2" + placeholder="e.g., $25,000" + required + /> +
+ + {/* Description */} +
+ +