// splash-app.jsx — root App, ties sections, Tweaks, toast, and signup focus.
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"hero": "dark",
"showWaveform": true,
"accentDensity": "balanced"
}/*EDITMODE-END*/;
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const [toast, setToast] = React.useState(null);
const signupApi = React.useRef(null);
const dark = t.hero === 'dark';
// Reflect hero theme on so above-the-fold scroll doesn't reveal navy
// under a bone hero (or vice versa).
React.useEffect(() => {
document.body.dataset.hero = t.hero;
}, [t.hero]);
const handleJoin = () => {
const el = document.getElementById('signup');
if (el) {
el.scrollIntoView({ behavior: 'smooth', block: 'start' });
setTimeout(() => signupApi.current && signupApi.current.focus(), 600);
}
};
const handleSignup = (email) => {
// POST silently to the Google Form. Browsers can't read the response
// (Google Forms doesn't send CORS headers), so we use mode: 'no-cors'
// and treat the submission as success — entries still land in the
// form's responses tab.
const FORM_ID = '1FAIpQLSfz-_Nj7A4HW-187cH1pAvOdEOV2xrsvLU_KItn9Ccu_A4dSg';
const EMAIL_ENTRY = 'entry.95437541';
const url = `https://docs.google.com/forms/d/e/${FORM_ID}/formResponse`;
const data = new FormData();
data.append(EMAIL_ENTRY, email);
fetch(url, { method: 'POST', mode: 'no-cors', body: data })
.catch(() => { /* opaque — ignore */ });
setToast({
title: "You're on the list.",
body: `We'll email ${email} when BAUX goes live.`,
});
setTimeout(() => setToast(null), 5200);
};
const handlePartnerSubmit = (info) => {
// POST silently to the Partners Google Form. See handleSignup for notes
// on why mode: 'no-cors' is used and what the trade-offs are.
const FORM_ID = '1FAIpQLScTMfprdIubKq5r-uRbM8WuKEFlLy5Egi5ZLsLPP-87t8yeNA';
const ENTRIES = {
name: 'entry.1245708855',
org: 'entry.1132719911',
email: 'entry.1050417673',
notes: 'entry.32820924',
};
const url = `https://docs.google.com/forms/d/e/${FORM_ID}/formResponse`;
const data = new FormData();
data.append(ENTRIES.name, info.name || '');
data.append(ENTRIES.org, info.org || '');
data.append(ENTRIES.email, info.email || '');
data.append(ENTRIES.notes, info.notes || '');
fetch(url, { method: 'POST', mode: 'no-cors', body: data })
.catch(() => { /* opaque — ignore */ });
setToast({
title: "Thanks — we'll be in touch.",
body: `Talk soon, ${info.name.split(' ')[0] || info.org}.`,
});
setTimeout(() => setToast(null), 5200);
};
return (
);
}
ReactDOM.createRoot(document.getElementById('root')).render();