/* KYDT Partner With Us — Te Whare Aranga build appeal, support impact, recognition, partners, enquiry. */ const { useState: pUseState } = React; /* Load Cloudflare Turnstile once, whichever page the router lands on first. */ function loadTurnstile(){ if (window.turnstile) return Promise.resolve(window.turnstile); if (!window.__kydtTurnstile) window.__kydtTurnstile = new Promise((resolve, reject)=>{ const s = document.createElement('script'); s.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit'; s.async = true; s.onload = ()=> resolve(window.turnstile); s.onerror = reject; document.head.appendChild(s); }); return window.__kydtTurnstile; } function PartnerPage({ onNav }){ const DS = window.KYDTDesignSystem_1d4054; const { SectionHeading, Card, Button, Input, Textarea, Select, Checkbox, Badge, Whakatauki } = DS; const { Reveal, KIcon:I, MotifBackdrop, PageHero } = window; window.useScrollFX('partner'); React.useEffect(()=>{ window.playPageHero && window.playPageHero(); },[]); const [sent, setSent] = pUseState(false); const [sending, setSending] = pUseState(false); const [formError, setFormError] = pUseState(''); const tsBox = React.useRef(null); const tsWidget = React.useRef(null); const cfg = window.KYDT_CONFIG || {}; const contactEmail = cfg.contactEmail || 'support@kydt.org.nz'; /* Fallbacks for browsers still holding a site-config.js from before the form was wired up (the zone lets browsers cache it for 4 hours). */ const enquiryUrl = cfg.enquiryUrl || (/^(www\.)?kydt\.org\.nz$/.test(location.hostname) ? 'https://kydt-receipts-live.coreshifthq.workers.dev/enquiry' : 'https://kydt-receipts-test.coreshifthq.workers.dev/enquiry'); const turnstileSiteKey = cfg.turnstileSiteKey || '0x4AAAAAAFbDGda3GWBEu5qy'; React.useEffect(()=>{ if (sent) return; let gone = false; loadTurnstile().then(ts=>{ if (gone || !tsBox.current || tsWidget.current != null) return; tsWidget.current = ts.render(tsBox.current, { sitekey: turnstileSiteKey, theme: 'light', size: 'flexible' }); }).catch(()=> setFormError(`The form could not load. Please email us at ${contactEmail}.`)); return ()=>{ gone = true; if (window.turnstile && tsWidget.current != null) { window.turnstile.remove(tsWidget.current); } tsWidget.current = null; }; }, [sent]); async function submitEnquiry(e){ e.preventDefault(); if (sending) return; setFormError(''); const fd = new FormData(e.currentTarget); const token = window.turnstile && tsWidget.current != null ? window.turnstile.getResponse(tsWidget.current) : ''; if (!token) { setFormError('Please wait a moment for the security check to finish, then send again.'); return; } setSending(true); try { const r = await fetch(enquiryUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: fd.get('name'), organisation: fd.get('organisation'), email: fd.get('email'), enquiringAs: fd.get('enquiringAs'), message: fd.get('message'), updates: fd.get('updates') != null, page: location.pathname, turnstileToken: token, }) }); const j = await r.json().catch(()=> ({})); if (!r.ok) throw new Error(j.error || ''); setSent(true); window.scrollTo({ top: document.getElementById('enquiry').offsetTop - 40, behavior: 'smooth' }); } catch (err) { setFormError((err && err.message) || `Sorry, your enquiry did not send. Please email us at ${contactEmail}.`); if (window.turnstile && tsWidget.current != null) window.turnstile.reset(tsWidget.current); } finally { setSending(false); } } const donateUrl = cfg.donateUrl || ''; /* Te Whare Aranga appeal. Both figures are edited in PageForm as shown ("50k", "300k"); site-config.js `appeal` is the fallback. The bar and percentage come from the parsed numbers, in dollars ("k" thousands, "m" millions). */ const appeal = cfg.appeal || { pledged:0, goal:0 }; const pledgedC = pfCount('partner.appeal.pledged', `${Math.round(appeal.pledged/1000)}k`); const goalC = pfCount('partner.appeal.goal', `${Math.round(appeal.goal/1000)}k`); const dollars = (c, fallback)=> c.n == null ? fallback : c.n * (/^\s*k/i.test(c.suffix) ? 1000 : /^\s*m/i.test(c.suffix) ? 1000000 : 1); const pledged = dollars(pledgedC, appeal.pledged); const goal = dollars(goalC, appeal.goal); const appealPct = goal ? Math.round((pledged/goal)*1000)/10 : 0; const prospectus = pfLink('partner.appeal.prospectus', { href:'assets/KYDT_Sponsor_Prospectus_2026.pdf', label:'Download prospectus', newTab:true }); const includes = [ { icon:'chef-hat', t:'A dedicated kitchen', d:'Where baking, preparing kai and sharing kōrero build everyday connection.' }, { icon:'bath', t:'Additional facilities', d:'Extra bathroom facilities so the space works for everyone who visits.' }, { icon:'heart-handshake', t:'A place to belong', d:'More than a building — a welcoming home where rangatahi feel safe and valued.' }, ]; const makes = [ { icon:'user-round', t:'One-on-one mentoring for rangatahi' }, { icon:'briefcase-medical', t:'Qualified social work support for young people and their whānau' }, { icon:'home', t:'Support for whānau through Family Group Conference processes' }, { icon:'route', t:'Early intervention that creates positive pathways and prevents harm' }, ]; const recognition = [ { icon:'globe', t:'Website acknowledgement' }, { icon:'file-text', t:'Inclusion in reports and updates' }, { icon:'megaphone', t:'Opportunities to share your organisation’s support of this mahi' }, ]; /* Proudly Supported By (brief section 7). Every logo here is a PLACEHOLDER. Each funder's approved "supported by" logo has to be requested from them — see assets/funder-logos/README.md. Do not lift a logo off a funder's website. To drop a real logo in: save the approved file into site/assets/funder-logos/ as .svg (preferred) or .png, then change that funder's `file` to match and delete `placeholder`. One line each, nothing else moves. */ const funders = [ { slug:'the-lion-foundation', name:'The Lion Foundation', file:'the-lion-foundation.png' }, { slug:'nz-lottery-grants-board', name:'NZ Lottery Grants Board — Te Puna Tahua', file:'nz-lottery-grants-board.png' }, { slug:'te-puna-manawa-healthwest', name:'Te Puna Manawa Trust — HealthWEST', file:'te-puna-manawa-healthwest-PLACEHOLDER.png', placeholder:true }, { slug:'te-puna-hauora', name:'Te Puna Hauora o Te Raki Paewhenua', file:'te-puna-hauora.png' }, { slug:'oranga-tamariki', name:'Ministry for Children — Oranga Tamariki', file:'oranga-tamariki-PLACEHOLDER.png', placeholder:true }, { slug:'kcft', name:'Kaipātiki Community Facilities Trust', file:'kcft.png' }, ]; const anyPlaceholderLogos = funders.some(f=>f.placeholder); /* Donor FAQ (brief section 8; round 2 §3 supplied both open answers, verbatim). Anything still with the client is a visible TODO rather than filler. */ const donorFaq = [ { q:'Where does my donation go?', a:'Making a donation via Stripe is supporting the Mahi and the \'Enquire Now\' button is for sponsors who will hopefully be considering larger donations which will contribute to Te Whare Aranga.' }, { q:'Is my donation tax deductible?', a:'Yes, as KYDT is a registered charity, donations of $5 or more are eligible for a tax credit. If you choose to donate through our website, you\'ll receive a tax receipt for each donation. For donations made directly to our bank account, we\'ll provide a receipt for your donations at the end of the financial year, around mid-April. Thank you for helping us support young people to thrive.', /* Launch gate, not a staging gate: Stripe's default receipt is a payment confirmation, not an NZ donation receipt. Remove once KYDT's accountant confirms. */ todo:'TODO(KYDT): before launch, confirm the per-donation tax receipt with KYDT\'s accountant — Stripe\'s default receipt is a payment confirmation, not a donation receipt.' }, { q:'Can I give once, or monthly?', a:'Both. Choose one-off or monthly on the donation page and give any amount you like. To change or stop a monthly gift, email support@kydt.org.nz.' }, { q:'Can I cover the processing fee?', a:'Yes. The donation form offers to add the card processing fee to your gift, so the full amount you intended reaches KYDT rather than the payment provider. It is optional and it is your choice.' }, { q:'Who do I contact about a donation?', a:'Email support@kydt.org.nz and someone from the team will come back to you.' }, ]; return (
Partner With Us} title={He waka eke noa — we are all in this together.} lead={Partner with KYDT to help rangatahi and whānau thrive. Our mahi is grounded in relationships — together we can create lasting change and build safer, stronger communities.} /> {/* ---- Te Whare Aranga build appeal (primary focus) ---- */}
Our building appeal

Growing our future — Te Whare Aranga

{"KYDT is growing to better support the needs of our rangatahi. We're planning an extension to our existing premises, creating a welcoming space where young people can truly feel a sense of belonging."}

Our building will be named{' '}Te Whare Aranga{' '}— a name gifted to KYDT by Matua Beau Panapa. Your support will help bring it to life.

{/* progress (placeholder) */}
Appeal progress {appealPct}% of goal
${pledgedC.shown} pledged Goal ${goalC.shown}
{I('building-2',44)}Te Whare Aranga renderPlaceholder — architectural render to come

Te Whare Aranga - A whare where young people can feel safe, grow strong and rise up into their full potential.

{/* what it includes */}
{includes.map((m,i)=>( {I(m.icon,22)}

{m.t}

{m.d}

 ))}
{/* ---- Give directly (donation + donor FAQ) ---- */} {/* ---- What your support makes possible ---- */}
{/* faded manaia sitting behind the block (brief section 7) */}
Your support} title={What your partnership makes possible} lead={Beyond the build, your support sustains the everyday mahi that changes lives.} />
{makes.map((m,i)=>(
{I(m.icon)}

{m.t}

 ))}
{/* ---- Recognition ---- */}
Recognition} title={We acknowledge our partners with gratitude and respect} lead={Partners may be recognised in ways that suit your organisation:} />
{recognition.map((r,i)=>( {I(r.icon,20)}

{r.t}

 ))}
{/* ---- Current partners ---- */}
Ngā mihi} title={Proudly supported by} maxWidth="560px" lead={With gratitude to the organisations walking alongside us.} />
{funders.map((f,i)=>(
{f.name}
))}
{anyPlaceholderLogos && ( TODO(KYDT): Te Puna Manawa Trust — HealthWEST and Oranga Tamariki logos still to come, and Birkenhead Licensing Trust to be added when its logo arrives. )}
{/* ---- Enquiry form ---- */}
Get in touch} title={{"If you'd like to walk alongside us, we'd love to kōrero"}} maxWidth="580px" /> {sent ? (
{I('check',30)}

Ngā mihi nui!

We've received your enquiry and will be in touch within two working days.

) : (