The first step is a conversation.}
lede="Thirty minutes, no slides, no obligation. Tell us a little about your organization and what's on your mind. We answer every inquiry within two business days, from a human, in Plymouth."
/>
{/* Left column — context */}
{/* Right column — form */}
);
}
/* ---------- Sidebar with details ---------- */
function ContactSidebar() {
return (
);
}
/* ---------- Form with realistic validation ---------- */
function ContactForm() {
const [form, setForm] = useState({
name: "",
email: "",
org: "",
sector: "",
size: "",
stage: "",
interest: "",
message: "",
timeline: "",
consent: false,
});
const [errors, setErrors] = useState({});
const [submitted, setSubmitted] = useState(false);
const [submitting, setSubmitting] = useState(false);
const update = (k, v) => {
setForm((f) => ({ ...f, [k]: v }));
setErrors((e) => ({ ...e, [k]: undefined }));
};
const validate = () => {
const next = {};
if (!form.name.trim()) next.name = "Please tell us your name.";
if (!form.email.trim()) next.email = "We'll need an email to reply.";
else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) next.email = "That doesn't look like a valid email.";
if (!form.org.trim()) next.org = "Organization name, please.";
if (!form.sector) next.sector = "Pick the closest fit.";
if (!form.message.trim() || form.message.trim().length < 20) {
next.message = "A sentence or two of context helps us prepare.";
}
if (!form.consent) next.consent = "Please confirm we may contact you.";
setErrors(next);
return Object.keys(next).length === 0;
};
const onSubmit = (e) => {
e.preventDefault();
if (!validate()) return;
setSubmitting(true);
setTimeout(() => {
setSubmitting(false);
setSubmitted(true);
window.scrollTo({ top: window.scrollY - 80, behavior: "smooth" });
}, 900);
};
if (submitted) {
return (
We have your note. A human at Pilgrim Wright — likely Aaron — will
read it carefully and reply within two business days. If you'd like
to put time on the calendar in the meantime, you can do that just below.