diff --git a/app/apply/org/page.tsx b/app/apply/org/page.tsx deleted file mode 100644 index 6bb0fd5..0000000 --- a/app/apply/org/page.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import Link from "next/link"; -import PublicLayout from "@/components/layout/PublicLayout"; - -export default function OrgApplyPage() { - return ( - -
-

- Organization Application -

-

Coming soon.

- - - Back to Apply - -
- - ); -} - diff --git a/app/apply/organization/page.tsx b/app/apply/organization/page.tsx new file mode 100644 index 0000000..b3e4986 --- /dev/null +++ b/app/apply/organization/page.tsx @@ -0,0 +1,126 @@ +"use client"; + +import { useState } from "react"; +import PublicLayout from "@/components/layout/PublicLayout"; + +type ProjectFormState = { + companyName: string; + projectTitle: string; + budget: string; + description: string; +}; + +export default function CompanyProjectPage() { + const [form, setForm] = useState({ + companyName: "", + projectTitle: "", + budget: "", + description: "", + }); + + function updateField( + key: K, + value: string, + ) { + setForm((prev) => ({ ...prev, [key]: value })); + } + + function handleSubmit(e: React.FormEvent) { + e.preventDefault(); + console.log("Submitting Company Project:", form); + alert("Project details logged to console!"); + } + + return ( + +
+
+

+ New Company Project +

+

+ Submit your project proposal for review. All fields are required. +

+
+ +
+ {/* Company Name Field */} +
+ + updateField("companyName", e.target.value)} + className="rounded-md border border-gray-300 px-3 py-2 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500" + placeholder="Acme Corp" + /> +
+ +
+ {/* Project Title Field */} +
+ + updateField("projectTitle", e.target.value)} + className="rounded-md border border-gray-300 px-3 py-2" + placeholder="Internal CRM Redesign" + /> +
+
+ + {/* Budget Field */} +
+ + updateField("budget", e.target.value)} + className="rounded-md border border-gray-300 px-3 py-2" + placeholder="e.g. $25,000" + /> +
+ + {/* Description Field */} +
+ +