// Contact page const ContactPage = ({ navigate }) => { const [form, setForm] = React.useState({ name: "", email: "", phone: "", topic: "Rehab & Performance Coaching", message: "", }); const [errors, setErrors] = React.useState({}); const [sent, setSent] = React.useState(false); const [submitting, setSubmitting] = React.useState(false); const [submitError, setSubmitError] = React.useState(null); const set = (k, v) => { setForm((f) => ({ ...f, [k]: v })); if (errors[k]) setErrors((e) => ({ ...e, [k]: null })); }; const validate = () => { const e = {}; if (!form.name.trim()) e.name = "Please share your name."; if (!form.email.trim()) e.email = "Email is required."; else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) e.email = "Hmm, that doesn't look right."; if (!form.message.trim()) e.message = "A short message helps us reply usefully."; else if (form.message.trim().length < 10) e.message = "A little more detail, please."; return e; }; const submit = async (ev) => { ev.preventDefault(); const e = validate(); if (Object.keys(e).length) { setErrors(e); return; } if (submitting) return; setSubmitting(true); setSubmitError(null); try { const res = await fetch("https://formspree.io/f/mqeowyzr", { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json" }, body: JSON.stringify({ name: form.name, email: form.email, phone: form.phone || "\u2014", topic: form.topic, message: form.message, _subject: `New contact message \u2014 ${form.topic} \u2014 ${form.name}`, }), }); if (res.ok) { setSent(true); } else { const data = await res.json().catch(() => ({})); setSubmitError( (data.errors && data.errors.map((x) => x.message).join(", ")) || "Something went wrong. Please try again, or email info@7araka.co directly." ); } } catch (err) { setSubmitError("Network error \u2014 please check your connection and try again."); } finally { setSubmitting(false); } }; return ( {/* ---------- Hero ---------- */}
Contact

Let's talk.
No pressure, no pitch.

Tell us where you're at. We'll reply within 48 hours with honest next steps, even if 7ARAKA isn't the right fit.

{/* ---------- Form + sidebar ---------- */}
{sent ? (

Message received.

Thanks {form.name.split(" ")[0]}. We'll reply to {form.email} within 48 hours.

) : (

Send a message.

set("name", e.target.value)} placeholder="Your name" /> {errors.name && {errors.name}}
set("email", e.target.value)} placeholder="you@example.com" /> {errors.email && {errors.email}}
set("phone", e.target.value)} placeholder="+31 ··· ··· ···" />