// Silk and Blow — Footer (locations + newsletter + nav) function Footer({ locations, onBook, onNav, columns }) { const [form, setForm] = React.useState({ firstName: '', email: '' }); const [touched, setTouched] = React.useState({}); const [state, setState] = React.useState('idle'); // idle | sending | sent | error const [error, setError] = React.useState(''); const { guard, HoneypotField } = useFormGuard(); const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const fieldErrors = { firstName: form.firstName.trim() ? '' : 'Please add your first name.', email: validEmail(form.email) ? '' : 'Please add a valid email address.', }; const invalid = Object.values(fieldErrors).some(Boolean); const submit = async (e) => { e.preventDefault(); if (state === 'sending') return; setTouched({ firstName: true, email: true }); if (invalid) return; setState('sending'); setError(''); try { await postLead('/api/subscribe', { firstName: form.firstName.trim(), email: form.email.trim(), tags: ['website-lead', 'newsletter'], ...guard() }); setState('sent'); } catch (err) { setError(err.message); setState('error'); } }; return ( ); } Object.assign(window, { Footer });