/* eslint-disable */
/* NISE — Sections A: Hero, About, Problem */
const { useState: useStateA, useEffect: useEffectA, useRef: useRefA } = React;
function Hero() {
const { t } = useLang();
const h = t.hero;
const [h1Ref, h1Seen] = useReveal();
return (
{h.chip}
{h.h1.line1}
{h.h1.line2}{h.h1.accent}
{h.h1.line3}
{h.lead}
{h.ctaPrimary}
{h.ctaSecondary}
{h.meta.map((m, i) => (
{i > 0 && }
{m.num}
{m.lbl[0]}
{m.lbl[1]}
))}
);
}
/* ------------------------------------------------------------------ */
/* ABOUT */
/* ------------------------------------------------------------------ */
function About() {
const { t } = useLang();
const a = t.about;
const [h2Ref, h2Seen] = useReveal();
return (
{a.eyebrow}
{a.h2.lines[0]}
{a.h2.lines[1]}
{a.h2.lines[2]}
{a.h2.accent}{a.h2.tail}
{a.lead}
{a.body}
{a.list[0]}
{a.list[1]}
{a.list[2]}
{a.list[3]}
{a.list[4]}
);
}
/* ------------------------------------------------------------------ */
/* PROBLEM */
/* ------------------------------------------------------------------ */
function Problem() {
const { t } = useLang();
const p = t.problem;
return (
{p.eyebrow}
{p.h2}
{p.lead}
{p.items.map((it, i) => {
const I = Icon[it.icon];
return (
{it.title}
{it.desc}
);
})}
"{p.quote}"
);
}
Object.assign(window, { Hero, About, Problem });
