diff --git a/frontend/app/contact/page.tsx b/frontend/app/contact/page.tsx new file mode 100644 index 0000000..ac83c30 --- /dev/null +++ b/frontend/app/contact/page.tsx @@ -0,0 +1,128 @@ +"use client" +import { useState } from "react" +import Link from "next/link" + +export default function ContactPage() { + const [form, setForm] = useState({ + name: "", company: "", email: "", phone: "", type: "enterprise", message: "" + }) + const [loading, setLoading] = useState(false) + const [success, setSuccess] = useState(false) + const [error, setError] = useState("") + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault() + setLoading(true) + setError("") + + try { + // In production, this would send to a backend/API + await new Promise(resolve => setTimeout(resolve, 1500)) + setSuccess(true) + } catch { + setError("Something went wrong. Please try again.") + } + setLoading(false) + } + + return ( +
+ + +
+
+
+ Enterprise Solutions +
+

Contact Us

+

Ready for unlimited job applications? Let's build a custom plan for your agency.

+
+ + {success ? ( +
+
+

Message Sent!

+

Our enterprise team will respond within 24 hours.

+ ← Back to AutoJobs +
+ ) : ( +
+ {error && ( +
+ {error} +
+ )} + +
+
+
+ + setForm({...form, name: e.target.value})} + className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-xl text-white placeholder-slate-500 focus:outline-none focus:border-blue-500" + placeholder="Sarah Johnson" /> +
+
+ + setForm({...form, company: e.target.value})} + className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-xl text-white placeholder-slate-500 focus:outline-none focus:border-blue-500" + placeholder="Acme Recruiting" /> +
+
+ +
+
+ + setForm({...form, email: e.target.value})} + className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-xl text-white placeholder-slate-500 focus:outline-none focus:border-blue-500" + placeholder="sarah@acme-recruiting.com" /> +
+
+ + setForm({...form, phone: e.target.value})} + className="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-xl text-white placeholder-slate-500 focus:outline-none focus:border-blue-500" + placeholder="+1 555 123 4567" /> +
+
+ +
+ + +
+ +
+ +