// sections2.jsx — Hero, Problem vs Solution, How we work (process) function Hero({ onBookDemo }) { const { t } = useLang(); const h = t.hero; return (
{/* aura */}

{h.titleA}
{h.titleB}

{h.subtitle}

{h.ctaSecondary}
{h.trust[0]} {h.trust[1]} {h.trust[2]}
); } /* ---------- Problem vs Solution ---------- */ function ProblemSolution() { const { t } = useLang(); const p = t.problem; const painIcons = [I.Files, I.Receipt, I.Lock, I.Globe]; const gainIcons = [I.Files, I.Cloud, I.Globe, I.Shield]; const pains = p.pains.map((x, i) => ({ ...x, icon: painIcons[i] })); const gains = p.gains.map((x, i) => ({ ...x, icon: gainIcons[i] })); return (

{p.eyebrow}

{p.title}

{/* the old way */}
{p.oldWay}
{pains.map((pn) => (

{pn.t}

{pn.d}

))}
{/* with Orb2Byte */}
{p.withUs}
{gains.map((g) => (

{g.t}

{g.d}

))}
); } /* ---------- How we work — 3 simple steps ---------- */ function Process() { const { t } = useLang(); const p = t.process; const icons = [I.Users, I.Sparkle, I.Rocket]; const steps = p.steps.map((s, i) => ({ ...s, icon: icons[i] })); return (

{p.eyebrow}

{p.title}

{p.desc}
{steps.map((s, i) => (
{s.n}

{s.t}

{s.d}

 ))}
); } Object.assign(window, { Hero, ProblemSolution, Process });