// cta-footer-modal.jsx — CtaBand, SiteFooter, LeadModal window.DZ = window.DZ || {}; /* ╔══════════════════════════════════════════════════════════════════════╗ ║ "BOOK A BUILD" LEAD DELIVERY — paste ONE of the following, then save: ║ ║ • LEAD_WEB3FORMS_KEY = your access key from https://web3forms.com ║ ║ • LEAD_ENDPOINT = your n8n webhook / Formspree / Getform URL ║ ║ Leave BOTH "" to preview in demo mode (shows success, sends nothing). ║ ╚══════════════════════════════════════════════════════════════════════╝ */ const LEAD_WEB3FORMS_KEY = ""; const LEAD_ENDPOINT = "https://oswald.app.n8n.cloud/webhook/58ae576e-024b-473d-8bca-3f9c6ec3a6d4"; async function deliverLead(payload) { if (LEAD_WEB3FORMS_KEY) { const res = await fetch('https://api.web3forms.com/submit', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ access_key: LEAD_WEB3FORMS_KEY, ...payload }), }); const d = await res.json().catch(() => ({})); if (!res.ok || d.success === false) throw new Error(d.message || 'send failed'); return; } if (LEAD_ENDPOINT) { const res = await fetch(LEAD_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload), }); if (!res.ok) throw new Error('HTTP ' + res.status); return; } await new Promise((r) => setTimeout(r, 500)); // demo mode — nothing configured yet } function CtaBand({ onCta }) { const { Button } = window.DelzAILabsDesignSystem_bfa572 || {}; return (

Ship your first agent this week

Tell us one workflow that's eating your team's time. We'll build the agent, wire it to your channels and tools, and watch the first runs with you.

{Button && }
); } window.DZ.CtaBand = CtaBand; function SiteFooter({ onCta }) { const linkFor = (i) => ({ Contact: 'contact-us.html', Agents: '#agents', Channels: '#channels' }[i] || '#'); const cols = [ ['Product', ['Agents', 'Channels', 'Integrations']], ['Company', ['About', 'Careers', 'Blog', 'Contact']], ['Resources', ['Docs', 'Guides', 'Changelog', 'Status']], ]; return ( ); } window.DZ.SiteFooter = SiteFooter; function LeadModal({ open, onClose }) { const { Button, Input } = window.DelzAILabsDesignSystem_bfa572 || {}; const channels = window.SITE.channels; const [form, setForm] = React.useState({ name: '', email: '', company: '', workflow: '' }); const [picked, setPicked] = React.useState(['whatsapp']); const [errors, setErrors] = React.useState({}); const [sent, setSent] = React.useState(false); const [sending, setSending] = React.useState(false); const [sendError, setSendError] = React.useState(false); React.useEffect(() => { if (open) { window.lucide && window.lucide.createIcons(); document.body.style.overflow = 'hidden'; } else { document.body.style.overflow = ''; } return () => { document.body.style.overflow = ''; }; }, [open, sent]); React.useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') onClose(); }; if (open) window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [open, onClose]); if (!open) return null; const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const toggleChannel = (k) => setPicked((p) => p.includes(k) ? p.filter((x) => x !== k) : [...p, k]); const validate = () => { const er = {}; if (!form.name.trim()) er.name = 'Tell us your name'; if (!form.email.trim()) er.email = 'We need an email to reply'; else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) er.email = 'That email looks off'; if (!form.workflow.trim()) er.workflow = 'Describe the workflow to automate'; setErrors(er); return Object.keys(er).length === 0; }; const submit = async (e) => { e.preventDefault(); if (!validate()) return; setSendError(false); setSending(true); try { const chosen = channels.filter((c) => picked.includes(c.key)).map((c) => c.name).join(', '); await deliverLead({ subject: 'Book a build - ' + form.name, name: form.name, email: form.email, company: form.company, channels: chosen, workflow: form.workflow, from_name: form.name, replyto: form.email, page: 'Book a build', }); setSent(true); } catch (err) { setSendError(true); } finally { setSending(false); } }; const reset = () => { setSent(false); setSending(false); setSendError(false); setForm({ name: '', email: '', company: '', workflow: '' }); setPicked(['whatsapp']); setErrors({}); onClose(); }; return (
e.stopPropagation()} style={{ width: 'min(100%, 560px)', background: 'var(--surface-card)', borderRadius: 'var(--radius-xl)', boxShadow: 'var(--shadow-xl)', overflow: 'hidden', animation: 'rise var(--dur-base) var(--ease-emphasis)' }}> {/* header */}
{sent ? 'REQUEST RECEIVED' : 'BOOK A BUILD'}

{sent ? "You're on the list" : 'Book a build'}

{sent ? (

Thanks, {form.name.split(' ')[0] || 'there'}.

We'll review your workflow and get back within one business day to scope your first agent. Keep an eye on {form.email}.

{Button && }
) : (
Which channels?
{channels.map((c) => { const on = picked.includes(c.key); return ( ); })}