// Coalition for Conservation — components (CMS-driven) // Content reads from window.CONTENT (loaded via /content.js). const { useState, useEffect, useRef, useMemo } = React; const C = () => window.CONTENT; function Logo({ size = 40 }) { return ( ); } function Wordmark() { const s = C().site; const c = 'var(--bone)'; const sub = 'rgba(236,235,226,0.6)'; return (
{s.wordmarkLine1Pre}{s.wordmarkLine1Italic}{s.wordmarkLine1Post}
{s.wordmarkLine2}
); } function pageIdForPath(path) { const map = { '/': 'home', '/about': 'about', '/work': 'work', '/campaigns': 'aea', '/news': 'news', '/donate': 'donate', '/contact': 'contact' }; if (map[path]) return map[path]; const m = path && path.match(/^\/issues\/([a-z-]+)$/); if (m) return 'issue:' + m[1]; return null; } // External vs internal: pass setPage if you want internal nav. function followLink(setPage, target, e) { if (!target) { e && e.preventDefault(); return; } if (target.startsWith('http://') || target.startsWith('https://') || target.startsWith('mailto:') || target.startsWith('tel:')) { return; // browser handles } const id = pageIdForPath(target); if (id) { e && e.preventDefault(); setPage && setPage(id); } } function Nav({ page, setPage }) { const n = C().nav; const [open, setOpen] = useState(false); const close = () => setOpen(false); const go = (id) => { close(); setPage(id); }; return ( ); } function Footer({ setPage }) { const f = C().footer; const email = f.office.email; return ( ); } function Eyebrow({ children, ochre, dark }) { return (
{children}
); } function Photo({ kind = 'outback', label, credit, height = 480, style, src, alt, eager, children }) { return (
{src && ( {alt )} {label &&
{label}
} {credit &&
{credit}
} {children}
); } function HomeHero({ setPage }) { const h = C().home.hero; const stats = C().home.stats; return (
{h.eyebrow}

{h.title1}
{h.titleItalic}

{h.lead}

{stats.map((s, i) => (
{s.value}
{s.label}
))}
); } function MissionStatement({ setPage }) { const m = C().home.mission; return (
{m.eyebrow}

{m.headlinePre}{m.headlineItalic}{m.headlinePost}

{m.founderName}
{m.founderRole}
); } function FlagshipCampaign({ setPage }) { const f = C().home.flagship; return (
{f.eyebrow}
{f.chipLabel} {f.subBrandLabel}
{f.campaignName}

{f.headline1}
{f.headline2Italic}{f.headline2Suffix}
{f.headline3}

{f.body}

{f.supporters}
{f.supportersLabel}
{f.electorates}
{f.electoratesLabel}
); } function IssueAreas({ setPage }) { const ia = C().home.issueAreas; return (
{ia.eyebrow}

{ia.headline}{ia.headlineItalic}

{ia.lead}

{ia.areas.map(a => ( { e.preventDefault(); setPage('issue:' + a.slug); }} style={{ cursor: 'pointer', color: 'inherit', textDecoration: 'none', display: 'block' }} >
{a.n} —

{a.title}

{a.body}

 ))}
); } function FeaturedPolicy({ setPage }) { const fp = C().home.featuredPolicy; return (
{fp.eyebrow}

{fp.headline}

{fp.items.map((it, i) => ( { e.preventDefault(); setPage('news'); }} style={{ display: 'grid', gridTemplateColumns: '160px 130px 1fr 220px 60px', gap: 32, padding: '40px 0', borderBottom: '1px solid var(--rule)', alignItems: 'flex-start', cursor: 'pointer', transition: 'background 0.2s', color: 'inherit', textDecoration: 'none' }} onMouseEnter={e => e.currentTarget.style.background = 'var(--shade)'} onMouseLeave={e => e.currentTarget.style.background = 'transparent'}> {it.type} {it.date}

{it.title}

{it.cite} ))}
); } function PartnerStrip() { const p = C().home.partners; return (
{p.eyebrow}
{p.items.map(name => (
{name}
))}
); } function PressBand({ setPage }) { const pr = C().home.press; return (
{pr.eyebrow} { e.preventDefault(); setPage('news'); }} className="mono" style={{ fontSize: 11, letterSpacing: '0.12em', color: 'rgba(236,225,200,0.7)', borderBottom: '1px solid rgba(236,225,200,0.3)', paddingBottom: 4, textDecoration: 'none' }} > {pr.linkLabel}
{pr.items.map((p, i) => (
{p.masthead}

"{p.headline}"

{p.when}
))}
); } function DonateBand({ setPage }) { const d = C().home.donateBand; return (
{d.eyebrow}

{d.headlinePre}{d.headlineItalic}{d.headlinePost}

{d.lead}

); } function HomePage({ setPage }) { return ( ); } Object.assign(window, { Logo, Wordmark, Nav, Footer, Eyebrow, Photo, HomePage, HomeHero, PartnerStrip, MissionStatement, FlagshipCampaign, IssueAreas, FeaturedPolicy, PressBand, DonateBand, followLink, });