/* global React */ const { useState, useEffect, useRef } = React; /* ──────────────────────────────────────────────────────────── Shared building blocks for the Garmon prototype ──────────────────────────────────────────────────────────── */ function Logo({ size = 26, white = false }) { // Real campaign logo. JPEG has a white background, so for the warm off-white // menu bar we sit it on its own white pill to keep clean edges and presence. const h = size * 2.2; return ( { e.preventDefault(); navigate('/'); }} style={{ display: 'inline-flex', alignItems: 'center', lineHeight: 1, height: h }}> Johnnie Garmon for State House ); } function Stars({ count = 5, color }) { return ( {Array.from({ length: count }).map((_, i) => )} ); } function Eyebrow({ children, dot = true, color }) { return (
{dot && } {children}
); } /* ── Top nav ─────────────────────────────────────────────────── */ function Nav({ route, election }) { const e = election || { label: 'Primary', dateStr: 'June 9, 2026', shortDate: 'June 9' }; const [open, setOpen] = useState(false); const items = [ { label: 'About', path: '/about' }, { label: 'Issues', path: '/issues' }, { label: 'Events', path: '/events' }, { label: 'Volunteer', path: '/volunteer' }, { label: 'News', path: '/news' }, { label: 'Contact', path: '/contact' }, ]; return (
●{' '} {e.label}: {e.dateStr} {e.shortDate} · HD‑115
{open && (
{items.map(it => ( { e.preventDefault(); navigate(it.path); setOpen(false); }} style={{ display: 'block', padding: '12px 0', fontSize: 16, borderBottom: '1px solid var(--hairline-2)' }}>{it.label} ))}
)}
); } /* ── Footer ──────────────────────────────────────────────────── */ function Footer() { return ( ); } /* ── Toast ───────────────────────────────────────────────────── */ function Toast({ msg, onClose }) { useEffect(() => { if (!msg) return; const t = setTimeout(onClose, 3200); return () => clearTimeout(t); }, [msg, onClose]); if (!msg) return null; return (
{msg}
); } /* ── Animated count-up ───────────────────────────────────────── */ function CountUp({ to, duration = 1400 }) { const [n, setN] = useState(0); useEffect(() => { let raf, start; const tick = (t) => { if (!start) start = t; const p = Math.min(1, (t - start) / duration); const eased = 1 - Math.pow(1 - p, 3); setN(Math.round(eased * to)); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [to, duration]); return {n.toLocaleString()}; } /* ── Endorsement bar ─────────────────────────────────────────── */ function EndorsementBar({ compact = false }) { const orgs = [ 'Speaker Murrell Smith', 'SC House Republican Caucus', 'Americans for Prosperity', 'Gov. McMaster (Healthcare Comm.)', ]; return (
Endorsed by
    {orgs.map((o, i) => (
  • {o}
    • ))}
); } /* ── Newsletter modal (appears after 30s) ────────────────────── */ function NewsletterModal({ open, onClose, onSubscribe }) { const [email, setEmail] = useState(''); if (!open) return null; return (
e.stopPropagation()}> One email a week

The Lowcountry Letter.

What's actually happening in Columbia, in plain English. Sent Sundays. Unsubscribe anytime.

{ e.preventDefault(); onSubscribe(email); }} style={{ marginTop: 18, display: 'flex', gap: 8 }}> setEmail(e.target.value)} placeholder="you@email.com" style={{ flex: 1, padding: '14px 14px', border: '1px solid var(--hairline)', borderRadius: 4, fontSize: 16 }} />

We'll never sell or share your address. Powered by the campaign, not a vendor.

); } Object.assign(window, { Logo, Stars, Eyebrow, Nav, Footer, Toast, CountUp, EndorsementBar, NewsletterModal });