// Main page sections const { useState: useS, useEffect: useE } = React; /* Render a heading/phrase that may contain [[italic accent text]] markers. Preserves the exact inline styling used before: . */ function RichText({ text, accentClass = 'italic-accent', newline = false }) { if (!text) return null; const parts = String(text).split(/(\[\[[^\]]+\]\])/g); const nodes = parts.map((p, i) => { if (/^\[\[[^\]]+\]\]$/.test(p)) { return {p.slice(2, -2)}; } if (newline && p.includes('\n')) { const lines = p.split('\n'); return lines.map((ln, j) => ( {j > 0 &&
} {ln} )); } return {p}; }); return <>{nodes}; } function getContent() { return (typeof useContent === 'function') ? useContent() : window.CONTENT_FALLBACK; } /* ——— Nav ——— */ function Nav() { const content = getContent(); const nav = content.nav || {}; const site = content.site || {}; const items = nav.items || []; return ( ); } /* ——— Who We Are ——— */ function WhoWeAre() { const content = getContent(); const wwa = content.wwa || {}; const creds = wwa.credentials || []; const stats = wwa.stats || []; return (
{wwa.eyebrow}

{creds.map((c, i) => ( ))}
{stats.map((s, i) => (
{s.render === 'split-98' ? ( <>98. {s.suffix} ) : ( <> {s.suffix} )}
{s.label}
))}
); } function CredItem({ num, title, desc }) { return (
{num}
{title}
{desc}
); } function TopoIllustration({ tl, br }) { return (
{[...Array(14)].map((_,i)=> { return ( ); })} {[...Array(10)].map((_,i)=> ( ))} N 0 · 1 · 2 km
{tl}
{br}
); } /* ——— Specializations ——— */ function Specializations() { const content = getContent(); const sec = content.specialize || {}; const items = sec.items || []; const total = items.length; return (
{sec.eyebrow}

{sec.lead}
{items.map((s, i) => (
{s.num} / {String(total).padStart(2,'0')}
{s.title}
{s.description || s.desc}
))}
{String(total + 1).padStart(2,'0')} / {String(total).padStart(2,'0')}
{sec.custom_title}
{sec.custom_desc}
{sec.custom_cta}
); } /* ——— Industries ——— */ function Industries() { const content = getContent(); const sec = content.industries || {}; const items = sec.items || []; const [active, setActive] = useS(items[0] ? items[0].key : ''); useE(() => { if (items[0] && !items.find(i => i.key === active)) setActive(items[0].key); }, [items]); const cur = items.find(i => i.key === active) || items[0]; if (!cur) return null; return (
{sec.eyebrow}

{sec.lead}
{items.map((it, i) => ( ))}
VERTICAL · {(cur.label || '').toUpperCase()}
{cur.title}
{cur.description || cur.desc}
{(cur.kpis || []).map(([v,l],i) => (
{v}
{l}
))}
    {(cur.bullets || []).map((b,i) =>
  • {b}
    • )}
); } /* ——— Work / Field Impact ——— */ function Work() { const content = getContent(); const sec = content.work || {}; const items = sec.items || []; return (
{sec.eyebrow}

{items.map((w, i) => (
{w.image_path ? {w.title} : }
{w.outcome}
{w.tag}
{w.title}
))}
); } function WorkViz({ kind }) { const common = { width: '100%', height: '100%', preserveAspectRatio: 'xMidYMid slice' }; if (kind === 'flood') return ( {[...Array(24)].map((_,i)=>( ))} FLOOD EXTENT · SAR Δ · 72H 22.4°N, 90.3°E → 23.1°N, 90.9°E ); if (kind === 'glacier') return ( {[0.9, 0.7, 0.5, 0.3].map((o,i)=>( ))} GLACIER EXTENT · 2000 → 2025 Δ -14.2% ); if (kind === 'crop') return ( {[...Array(8)].map((_,r)=> [...Array(16)].map((_,c)=>{ const v = Math.random(); const color = v > 0.7 ? '#2d6a4f' : v > 0.4 ? '#e8a948' : '#1a2c52'; return ; }) )} {[...Array(17)].map((_,i)=>)} {[...Array(9)].map((_,i)=>)} CROP-TYPE · PARCEL GRID ); if (kind === 'corridor') return ( {[...Array(6)].map((_,i)=>( ))} CORRIDOR ); if (kind === 'urban') return ( {[...Array(40)].map((_,i)=>{ const x = Math.random()*390, y = Math.random()*190; const w = 6 + Math.random()*16, h = 6 + Math.random()*16; const age = Math.random(); const fill = age > 0.7 ? 'rgba(255,107,74,0.5)' : age > 0.4 ? 'rgba(232,169,72,0.45)' : 'rgba(88,214,255,0.25)'; return ; })} SETTLEMENT GROWTH · 2018–2025 ); if (kind === 'biome') return ( {[...Array(160)].map((_,i)=>{ const x = Math.random()*400, y = Math.random()*200; const c = ['#2d6a4f','#40916c','#e8a948','#58d6ff'][Math.floor(Math.random()*4)]; return ; })} CARBON MRV BASELINE 8.2 Mha · 12 biome classes ); if (kind === 'change') return ( {[...Array(8)].map((_,i)=>)} T-1 T-0 · Δ DETECTED ); if (kind === 'water') return ( RESERVOIR · DRY-SEASON CAPACITY ± 3.8% ); return
; } /* ——— Why us ——— */ function WhyUs() { const content = getContent(); const sec = content.why || {}; const items = sec.items || []; return (
{sec.eyebrow}

{items.map((r,i) => (
{r.num}
{r.title}
{r.description || r.desc}
{r.tag}
 ))}
); } /* ——— Trust ——— */ function Trust() { const content = getContent(); const sec = content.trust || {}; const stats = sec.stats || []; const partners = sec.partners || []; const testimonials = sec.testimonials || []; return (
{sec.eyebrow}

{sec.lead}
{stats.map((s, i) => (
{s.plus}
{s.label}
{s.sub}
))}
{partners.map((p,i) => (
{p.logo_image ? {p.name} : p.name}
))}
{testimonials.map((t,i)=>(
" "
— {t.author || t.who}
))}
); } /* ——— Contact ——— */ function Contact() { const content = getContent(); const sec = content.contact || {}; const info = sec.info || []; const status = sec.status || []; const options = sec.interest_options || []; const [sent, setSent] = useS(false); async function submit(e) { e.preventDefault(); const form = e.currentTarget; const payload = { first_name: form.first_name.value, last_name: form.last_name.value, email: form.email.value, organization: form.organization.value, interest: form.interest.value, brief: form.brief.value, }; try { await fetch('/api/messages', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload), }); } catch (_) { /* still show thank-you; backend may not be running */ } setSent(true); } return (
{sec.eyebrow}

{sent ? (
✓ TRANSMISSION RECEIVED
We'll be in touch
within one business day.
A specialist will review your brief and schedule a briefing call.
) : (
{sec.form_label}
{sec.form_title}
)}
{sec.direct_line_label}
{sec.direct_line_title}
{info.map((it,i) => )}
{sec.posture_label}
{status.map((s,i) => )}
); } function InfoLine({ label, v }) { return (
{label}
{v}
); } function StatusBlock({ label, val }) { return (
{val}
{label}
); } /* ——— Footer ——— */ function Footer() { const content = getContent(); const f = content.footer || {}; const site = content.site || {}; const columns = f.columns || []; return ( ); } Object.assign(window, { Nav, WhoWeAre, Specializations, Industries, Work, WhyUs, Trust, Contact, Footer });