// Contact page function ContactPage() { const [form, setForm] = React.useState({ name: "", email: "", company: "", role: "", scope: [], timeline: "", message: "", website: "" }); const [sent, setSent] = React.useState(false); const [errors, setErrors] = React.useState({}); const [submitting, setSubmitting] = React.useState(false); const [submitError, setSubmitError] = React.useState(null); const update = (k, v) => { setForm(f => ({ ...f, [k]: v })); setErrors(e => ({ ...e, [k]: undefined })); }; const toggleScope = s => setForm(f => ({ ...f, scope: f.scope.includes(s) ? f.scope.filter(x => x !== s) : [...f.scope, s] })); const validate = () => { const e = {}; if (!form.name.trim()) e.name = "Name is required"; if (!form.email.trim()) e.email = "Email is required"; else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) e.email = "Enter a valid email"; if (!form.message.trim()) e.message = "Project brief is required"; return e; }; const handleSubmit = async (e) => { e.preventDefault(); const errs = validate(); if (Object.keys(errs).length > 0) { setErrors(errs); return; } setSubmitting(true); setSubmitError(null); try { const res = await fetch("/api/send", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(form), }); if (!res.ok) throw new Error("Server error"); window.scrollTo({ top: 0, behavior: "smooth" }); setSent(true); } catch (_) { setSubmitError("Something went wrong. Please try again or email us directly."); } finally { setSubmitting(false); } }; if (sent) { return (
Brief received

Thanks,{" "}{form.name.split(" ")[0] || "you"}.

We've received your brief and will respond personally within 48 hours. Check your inbox — a confirmation is on its way to {form.email}.

Reply coming from chandangoopta@gmail.com
Explore Growcept See our services
); } return (
Contact

Tell us about
your project.

One short brief. We read every one and respond personally — usually within 48 hours.

Not sure if we're a fit?

Send a note anyway. If we're not the right call we'll tell you, and usually we'll know someone who is.

{/* Honeypot: hidden from people, filled in by naive bots. The server drops any submission that has it set. */} update("website", e.target.value)} tabIndex="-1" autoComplete="off" aria-hidden="true" style={{ position: "absolute", left: -9999, top: 0, width: 1, height: 1, opacity: 0, pointerEvents: "none" }} />
update("name", e.target.value)} placeholder="Riya M." style={inputStyle(!!errors.name)} /> update("email", e.target.value)} placeholder="you@company.com" style={inputStyle(!!errors.email)} />
update("company", e.target.value)} placeholder="Acme Corp." style={inputStyle()} /> update("role", e.target.value)} placeholder="VP Operations" style={inputStyle()} />
{["AI training", "Integration", "Policy & governance", "Workshops", "Advisory", "Not sure yet"].map(s => ( ))}
{["This month", "Next quarter", "Just exploring"].map(t => ( ))}