// AEA + News + Donate + Contact (CMS-driven) function AEAPage({ setPage }) { const a = C().aea; const pillarKeys = Object.keys(a.pillars); const [pillar, setPillar] = useState(pillarKeys[0]); const p = a.pillars[pillar]; const [signed, setSigned] = useState(false); const [busy, setBusy] = useState(false); const [err, setErr] = useState(''); const formRef = useRef(null); const matrixUrl = a.messagingMatrixUrl || ''; const scrollToForm = () => { if (formRef.current) formRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; async function submitPetition(e) { e.preventDefault(); setBusy(true); setErr(''); const fd = new FormData(e.currentTarget); const ok = await postJson('/api/petition', { first_name: fd.get('first_name'), last_name: fd.get('last_name'), email: fd.get('email'), postcode: fd.get('postcode'), mobile: fd.get('mobile'), consent: !!fd.get('consent'), }); setBusy(false); if (ok) setSigned(true); else setErr('Submission failed. Please try again.'); } return (
{a.headerLeft}
{a.headerRight}
AEA
{a.wordmark}

{a.headline1Pre}{a.headline1Highlight}{a.headline1Post}
{a.headline2Italic}{a.headline2Post}
{a.headline3}

{a.lead}

{matrixUrl ? ( ) : null}
{a.pillarsEyebrow}
{pillarKeys.map(k => ( ))}

{p.headline}.

{p.sub}

{p.points.map((pt, i) => (
{pt[0]}
{pt[1]}
))}
{a.petition.topLabel}

{a.petition.headlinePre}{a.petition.headlineItalic}

{a.petition.body}

{a.petition.stats.map(s => (
{s[0]}
{s[1]}
))}
{signed ? (
SIGNATURE RECEIVED

{a.petition.thanksTitle}

{a.petition.thanksBody}

) : (
{a.petition.formTitle}
{err &&
{err}
}
)}
); } function NewsPage({ setPage }) { const n = C().news; const [filter, setFilter] = useState(n.filters[0] || 'All'); const [q, setQ] = useState(''); const filteredByTag = filter === (n.filters[0] || 'All') ? n.items : n.items.filter(i => i.tag === filter); const ql = q.trim().toLowerCase(); const filtered = ql ? filteredByTag.filter(it => (it.title || '').toLowerCase().includes(ql) || (it.body || '').toLowerCase().includes(ql) || (it.tag || '').toLowerCase().includes(ql) || (it.type || '').toLowerCase().includes(ql) ) : filteredByTag; return (
{n.hero.eyebrow}

{n.hero.title1}
{n.hero.titleItalic}

Filter
{n.filters.map(f => ( ))}
{filtered.length} items setQ(e.target.value)} className="input" placeholder="Search…" style={{ width: 240, padding: '8px 12px', fontSize: 13, borderBottom: 'none', borderRadius: 999, border: '1px solid var(--rule-2)', background: 'var(--paper)' }} />
{filtered.length === 0 && (
No items match. Try a different filter or search term.
)} {filtered.map((it, i) => (
{it.type} {it.date}

{it.title}

{it.body}

{it.tag}
))}
); } function DonatePage() { const d = C().donate; const [amount, setAmount] = useState(d.presets[1] || 100); const [recurring, setRecurring] = useState(true); const [step, setStep] = useState(1); const [busy, setBusy] = useState(false); const [err, setErr] = useState(''); async function handleStep2(e) { e.preventDefault(); setBusy(true); setErr(''); const fd = new FormData(e.currentTarget); const ok = await postJson('/api/donate-intent', { amount: Number(amount), recurring, first_name: fd.get('first_name'), last_name: fd.get('last_name'), email: fd.get('email'), postcode: fd.get('postcode'), phone: fd.get('phone'), }); setBusy(false); if (ok) setStep(3); else setErr('Submission failed. Please try again.'); } return (
{d.hero.eyebrow}

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

{d.stepLabels.map((s, i) => (
{s}
))}
{step === 1 && (
{d.amountEyebrow}
{d.presets.map(p => ( ))}
setAmount(e.target.value === '' ? 0 : Number(e.target.value))} style={{ paddingLeft: 24, fontFamily: 'var(--display)', fontSize: 22, fontWeight: 300 }} />
What ${amount}{recurring ? '/mo' : ''} funds

{amount < 100 && d.fundsLabels.under100} {amount >= 100 && amount < 500 && d.fundsLabels.under500} {amount >= 500 && amount < 2500 && d.fundsLabels.under2500} {amount >= 2500 && d.fundsLabels.over2500}

)} {step === 2 && (
Your details

A real payment processor will be wired here before launch — this confirmation step records your intent only.

{err &&
{err}
}
)} {step === 3 && (
{d.thankYou}

{d.thankYouBody}

Receipt summary
AMOUNT ........ ${amount} AUD
FREQUENCY ..... {recurring ? 'Monthly' : 'One-time'}
DGR STATUS .... Tax-deductible (donations over $2)
ABN ........... 84 638 274 922
REF NO ........ C4C-2026-{String(Math.floor(Math.random() * 99999)).padStart(5, '0')}
)}
); } function ContactPage() { const c = C().contact; const [topic, setTopic] = useState(c.topics[0]); const [sent, setSent] = useState(false); const [busy, setBusy] = useState(false); const [err, setErr] = useState(''); async function submit(e) { e.preventDefault(); setBusy(true); setErr(''); const fd = new FormData(e.currentTarget); const ok = await postJson('/api/contact', { topic, first_name: fd.get('first_name'), last_name: fd.get('last_name'), email: fd.get('email'), org: fd.get('org'), subject: fd.get('subject'), message: fd.get('message'), consent: !!fd.get('consent'), }); setBusy(false); if (ok) setSent(true); else setErr('Submission failed. Please try again.'); } return (
{c.hero.eyebrow}

{c.hero.title1}
{c.hero.titleItalic}

{c.intro.eyebrow}

{c.intro.headlinePre}{c.intro.headlineItalic}

{c.intro.body}

{c.intro.footnote}
{sent ? (
{c.thanks.eyebrow}
{c.thanks.title}

{c.thanks.body} {c.thanks.urgentLabel}.

) : (
What's this about?
{c.topics.map(tp => ( ))}