/* ──────────────────────────────────────────────────────────
CTA + Process — final section combining the call-to-action
with the 5-step engagement flow.
Contact form powered by Formspree (mdavoadp).
────────────────────────────────────────────────────────── */
const { useState, useEffect, useRef, useMemo, useLayoutEffect } = React;
/* ─── Process icons ──────────────────────────────────────── */
const ICON_INK = 'var(--ink)';
const ICON_GOLD = 'var(--gold-deep)';
const ICON_SOFT = 'var(--gold-soft)';
function PhoneIcon({ size = 28 }) {
return (
);
}
function ObserveIcon({ size = 28 }) {
return (
);
}
function ShieldDesignIcon({ size = 28 }) {
return (
);
}
function DeployIcon({ size = 28 }) {
return (
);
}
function ScaleIcon({ size = 28 }) {
return (
);
}
/* ─── Chip row ───────────────────────────────────────────── */
function CtaChip({ icon, label }) {
return (
{icon}
{label}
);
}
const ChipClock = (
);
const ChipUser = (
);
const ChipLock = (
);
/* ─── Shared input styles ────────────────────────────────── */
const inputStyle = {
width: '100%',
padding: '11px 16px',
borderRadius: '10px',
border: '1px solid var(--line)',
background: 'var(--bg)',
color: 'var(--ink)',
fontFamily: "'Inter', sans-serif",
fontSize: '14px',
fontWeight: 300,
outline: 'none',
transition: 'border-color .2s',
};
/* ─── Contact Form (Formspree) ───────────────────────────── */
function ContactForm() {
const [form, setForm] = useState({ name:'', email:'', company:'', message:'' });
const [status, setStatus] = useState('idle'); // idle | submitting | success | error
const update = (k) => (e) => setForm(p => ({ ...p, [k]: e.target.value }));
const handleSubmit = async (e) => {
e.preventDefault();
setStatus('submitting');
try {
const res = await fetch('https://formspree.io/f/mdavoadp', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
body: JSON.stringify(form),
});
setStatus(res.ok ? 'success' : 'error');
} catch { setStatus('error'); }
};
if (status === 'success') {
return (
✓
Message sent.
We'll be in touch at {form.email} shortly.
);
}
return (