/* Small reusable primitives — Eyebrow, Pill, Section, WaitlistForm, etc. */
const { useState, useEffect, useRef, useCallback } = React;
/* ---------- Eyebrow ---------- */
function Eyebrow({ children, accent, style }) {
return (
{children}
);
}
/* ---------- Pulse pill (used in hero + final CTA) ---------- */
function PulsePill({ children }) {
return (
{children}
);
}
/* ---------- Section wrapper ---------- */
function Section({ id, children, style, full }) {
return (
);
}
/* ---------- Section header (eyebrow + headline + body) ---------- */
function SectionHeader({ eyebrow, children, body, align = 'center', maxBody = 560 }) {
const ta = align;
return (
{eyebrow && {eyebrow}}
{children}
{body && {body}
}
);
}
/* ---------- Primary button ---------- */
function PrimaryButton({ children, onClick, type = 'button', disabled, style }) {
return (
);
}
/* ---------- Ghost button ---------- */
function GhostButton({ children, onClick, style }) {
return (
);
}
/* ---------- Waitlist form ---------- */
function WaitlistForm({ shared, onJoined, compact, idSuffix = '' }) {
const [email, setEmail] = useState('');
const [err, setErr] = useState('');
const [loading, setLoading] = useState(false);
const success = shared.success;
const submit = async (e) => {
e.preventDefault();
if (loading) return;
const v = email.trim();
if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) {
setErr('Please enter a valid email address');
return;
}
setErr(''); setLoading(true);
await new Promise(r => setTimeout(r, 800));
try {
const next = await window.ppSaveEmail(v);
onJoined(next);
} catch {
onJoined(shared.count + 1);
}
setLoading(false);
};
if (success) {
return (
✓
You’re on the list.
We’ll be in touch when early access opens — usually within a few weeks of joining. Watch for an email from team@proposalpulse.co.
);
}
return (
);
}
Object.assign(window, {
Eyebrow, PulsePill, Section, SectionHeader,
PrimaryButton, GhostButton, WaitlistForm,
});