/* global React */ const { useState, useEffect } = React; function HomePage({ t, showToast, openNewsletter }) { const tagline = t.tagline; const colorMode = t.colorMode; // navy / crimson / balanced const heroVariant = t.heroVariant; // photoLeft / fullBleed / split const issueStyle = t.issueStyle; // index / bold / photo const showGold = t.showGold; const heroBg = '#C8242F'; const heroBgDeep = '#7A1019'; return (
{/* HERO */} {/* PILLAR / WORKING PROMISES */}
The platform

Six things Johnnie will actually fight for in Columbia.

No vague slogans. Specific bills, deadlines, and votes — the kind of platform you can hold a representative to after the election.

{/* PETITION COUNTER + LIVE SOCIAL PROOF */} {/* STORY / FOUNDATION */} {/* EVENTS TEASER */} {/* CLOSING CTA */}
); } /* ── HERO ────────────────────────────────────────────────────── */ function Hero({ variant, tagline, bg, bgDeep, colorMode, showGold }) { // Civic Modern hero — not a stock-flag explosion. // Headline + tagline + dual CTA + an accent panel that varies by `variant`. const goldDot = showGold ? ★ : null; return (
{/* faint star pattern */}
{/* LEFT — message */}
Republican · SC House Dist. 115

{tagline}

From Section 8 housing to thirty years building businesses across South Carolina. Now Johnnie Garmon is asking for your vote — to bring the same accountability he demanded from his own companies to the people's work in Columbia.

Joined by 847 neighbors who've pledged their vote · 312 donors · 1,940 doors knocked
{/* RIGHT — visual */}
{variant === 'photoLeft' && } {variant === 'fullBleed' && } {variant === 'split' && }
{/* Bottom strip — three quick stats */}
); } function StatLine({ k, v }) { return (
{k}
{v}
); } function HeroPhotoCard({ goldDot }) { return (
Johnnie Garmon with his wife and daughter on a Lowcountry boardwalk at golden hour
{goldDot} Author, Failure Disrupted

"This state gave me a shot. I'm running so the next kid gets the same."

— Johnnie Garmon
); } /* ── PILLARS GRID ────────────────────────────────────────────── */ const PILLARS = [ { n: '01', tag: 'Permitting', title: 'Stop Stacking Paper.', body: 'Demand 90-day permit deadlines, public throughput numbers, and accountability when agencies miss them.' }, { n: '02', tag: 'Property tax', title: 'Reduce the 6.2% Tax.', body: 'Long-time residents have earned a place to stand. We won\'t tax them out of the homes they built.' }, { n: '03', tag: 'Growth', title: 'Concurrency or Bust.', body: 'No new subdivisions where the schools, roads, and stormwater can\'t keep up. Build infrastructure first.' }, { n: '04', tag: 'Healthcare', title: 'Aging at Home.', body: 'From advanced directives to in-home care, end-of-life can\'t stay a bureaucratic afterthought.' }, { n: '05', tag: 'Business', title: 'Defend Main Street.', body: 'Dram shop reform, permit accountability, and no unfunded mandates dumped on counties.' }, { n: '06', tag: 'Education', title: 'Choice and Transparency.', body: 'Parental control, transparent funding, and no DEI mandates inside K–12 classrooms.' }, ]; function PillarsGrid({ style: cardStyle, showGold }) { return (
{PILLARS.map((p, i) => )}
); } function PillarCard({ p, idx, cardStyle, showGold }) { const [hover, setHover] = useState(false); if (cardStyle === 'bold') { const isAccent = idx % 3 === 1; return ( { e.preventDefault(); navigate('/issues'); }} onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)} style={{ background: isAccent ? 'var(--crimson)' : 'var(--navy)', color: 'var(--paper)', padding: '32px 28px', borderRadius: 4, minHeight: 280, display: 'flex', flexDirection: 'column', justifyContent: 'space-between', transform: hover ? 'translateY(-3px)' : 'translateY(0)', boxShadow: hover ? 'var(--shadow-lg)' : 'var(--shadow-sm)', transition: 'all .2s ease', }}>
{p.n} · {p.tag}

{p.title}

{p.body}

 ); } // index / default return ( { e.preventDefault(); navigate('/issues'); }} onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)} style={{ background: '#fff', border: '1px solid var(--hairline)', borderTop: hover ? '3px solid var(--crimson)' : '3px solid var(--navy)', padding: '28px 28px 24px', borderRadius: 4, minHeight: 260, display: 'flex', flexDirection: 'column', gap: 12, transition: 'all .2s ease', boxShadow: hover ? 'var(--shadow)' : 'var(--shadow-sm)', transform: hover ? 'translateY(-3px)' : 'translateY(0)', }}>
{p.n}
{showGold && {p.tag}} {!showGold && {p.tag}}

{p.title}

{p.body}

Read the position →
 ); } /* ── COUNTER BLOCK ───────────────────────────────────────────── */ function CounterBlock({ showToast, showGold }) { const [form, setForm] = useState({ first_name: '', last_name: '', email: '', phone: '' }); const [submitting, setSubmitting] = useState(false); const submit = async (e) => { e.preventDefault(); if (submitting) return; setSubmitting(true); try { await window.submitPledge(e.target); } catch (err) { setSubmitting(false); showToast("Couldn't reach the campaign server. Please try again."); return; } setSubmitting(false); showToast('Pledge recorded. Welcome to the team.'); setForm({ first_name: '', last_name: '', email: '', phone: '' }); }; return (
Live

Already 847 neighbors have pledged their vote.

The pledge isn't a mailing-list trick. It's the public record of neighbors who've committed to vote for Johnnie in the June 9 primary and the November general.

Pledge your vote

Pledge my vote.

Takes 12 seconds. Your first name goes on the public pledge wall.

setForm({ ...form, first_name: e.target.value })} />
setForm({ ...form, last_name: e.target.value })} />
setForm({ ...form, phone: e.target.value })} />
setForm({ ...form, email: e.target.value })} />

By pledging, you agree to be added to the campaign list. We'll never share your info.

); } function CounterTile({ label, target, cap, accent }) { const pct = Math.min(100, (target / cap) * 100); return (
{label}
goal {cap.toLocaleString()}
); } /* ── STORY BLOCK ─────────────────────────────────────────────── */ function StoryBlock() { return (
Johnnie Garmon with Kelley and their three daughters on the front steps
The story

Raised in Section 8.
Built by South Carolina.

Johnnie didn't inherit a business or a name. He built three companies over thirty years — in healthcare, real estate, and home services — through ordinary, unglamorous work and a refusal to confuse activity with results.

He's the author of Failure Disrupted, was appointed by Governor McMaster to the South Carolina Healthcare Study Committee, and has spent the last decade helping families plan for aging-at-home and end-of-life decisions that the state has been content to ignore.

Get Failure Disrupted →
); } /* ── EVENT TEASER ────────────────────────────────────────────── */ function EventTeaser() { return (
Next event
May 28
Thursday · 5:30 – 7:30 pm

Happy Hour with Johnnie — Kiawah & Seabrook neighbors.

Drinks on the deck, twenty minutes of remarks, then real Q&A. Hosted by Bill & Patty Holcombe at the Beach Club.

Johnnie Garmon and supporters holding campaign signs at a rally
); } function ClosingCTA() { return (

Six weeks. One vote that matters.

The June 9 primary will be decided by a few thousand neighbors. Pick the action that fits your week:

); } Object.assign(window, { HomePage });