/* Contactpagina: formulier, directe contactgegevens en bevestiging.
Teksten uit het contentdocument (v4.0, pagina 8). Bij KVK-nummer staat bewust
"Op aanvraag": Buiten Buddies is een buurtinitiatief zonder inschrijving. */
function ContactChannel({ icon, label, value, href, note, external, ariaLabel }) {
return (
{label}{value}
{note && {note}}
);
}
function ContactThanks({ go, onNew, newsletter }) {
const ref = useRef(null);
const bel = bbBellink();
useEffect(() => {
if (!ref.current) return;
const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches
|| document.documentElement.classList.contains("bb-rm-force");
const kaart = ref.current.closest(".bb-cc__formwrap, .bb-form-card") || ref.current;
const header = document.querySelector(".bb-header");
const hoogte = header ? header.getBoundingClientRect().height : 72;
const top = kaart.getBoundingClientRect().top + window.scrollY - hoogte - 15;
window.scrollTo({ top: Math.max(0, top), behavior: reduce ? "auto" : "smooth" });
}, []);
return (
Bedankt voor je bericht!
Sabrina neemt zo snel mogelijk contact op.
1.Je bericht komt rechtstreeks bij Sabrina terecht, niet bij een servicedesk.
2.Heb je haast? Bel of stuur een WhatsApp naar 06 18 39 15 32.
3.Wil je alvast verder lezen? Bij de veelgestelde vragen staan de meeste antwoorden.
{newsletter && (
Leuk dat je ook updates per e‑mail wil ontvangen. We houden je graag op de hoogte van de
aankomende activiteiten van Buiten Buddies voor jouw kind in de buurt, maximaal één keer
per maand.
)}
);
}
function ContactForm({ go, onStatus }) {
const [v, setV] = useState({ voornaam: "", tussenvoegsel: "", achternaam: "", email: "", bericht: "", updates: false });
const [errors, setErrors] = useState({});
const [status, setStatus] = useState("idle");
const summaryRef = useRef(null);
const validate = (val) => {
const e = {};
const vn = val.voornaam.trim();
if (!vn) e.voornaam = "Vul je voornaam in.";
else if (!bbIsVoornaam(vn)) e.voornaam = BB_VOORNAAM_FOUT;
if (!val.achternaam.trim()) e.achternaam = "Vul je achternaam in.";
if (!val.email.trim()) e.email = "Vul je e‑mailadres in.";
else if (!bbIsEmail(val.email)) e.email = "Vul een geldig e‑mailadres in, bijvoorbeeld naam@voorbeeld.nl.";
if (!val.bericht.trim()) e.bericht = "Schrijf je bericht.";
else if (val.bericht.trim().length < 10) e.bericht = "Schrijf iets meer, zodat Sabrina je goed kan helpen.";
return e;
};
const set = (k) => (val) => {
setV((p) => Object.assign({}, p, { [k]: val }));
if (errors[k]) setErrors((p) => { const n = Object.assign({}, p); delete n[k]; return n; });
};
const blur = (k) => () => {
const e = validate(v);
setErrors((p) => {
const n = Object.assign({}, p);
if (e[k]) n[k] = e[k]; else delete n[k];
return n;
});
};
const send = async () => {
setStatus("sending");
try {
await bbSubmitForm("contact", v);
setStatus("sent");
if (onStatus) onStatus(true);
if (window.bbGaEvent) window.bbGaEvent("formulier_verzonden", { formulier: "contact", nieuwsbrief: !!v.updates });
}
catch (err) { setStatus("senderror"); }
};
const onSubmit = (e) => {
e.preventDefault();
const errs = validate(v);
setErrors(errs);
if (Object.keys(errs).length) {
requestAnimationFrame(() => { if (summaryRef.current) summaryRef.current.focus(); });
return;
}
send();
};
if (status === "sent") {
return (
{ setV({ voornaam: "", tussenvoegsel: "", achternaam: "", email: "", bericht: "", updates: false }); setStatus("idle"); if (onStatus) onStatus(false); }}
/>
);
}
return (
);
}
function ContactPage({ go }) {
const [verzonden, setVerzonden] = useState(false);
const bel = bbBellink();
return (
Contact
Een vraag over aanmelden, een idee voor je eigen buurt of gewoon even sparren?
Je bericht komt rechtstreeks bij Sabrina terecht.
Sabrina Costermans
initiatiefnemer Buiten Buddies
„Ik lees en beantwoord de berichten zelf. Je krijgt dus antwoord van een mens, niet van een systeem."
{!verzonden && (
<>
Stuur een bericht
Vul het formulier in, dan komt je bericht bij Sabrina terecht.
