/* Proof-bar — a thin trust strip between Hero (#top, yellow) and Foundation
   (#foundation, cream). Not a numbered section: just six honest facts,
   accent (number) highlighted, label muted. Text lives in L.proofbar. */

function ProofBar() {
  const { L } = useLang();
  const t = L.proofbar;
  return (
    <section className="proofbar cream-on-black" aria-label={t.aria}>
      <div className="wrap">
        <div className="proofbar__inner">
          {t.items.map((it, i) => (
            <Reveal key={i} delay={i * 60} className="proofbar__item">
              <span className="proofbar__accent">{it.accent}</span>
              <span className="proofbar__label">{it.label}</span>
            </Reveal>
          ))}
        </div>
      </div>
    </section>
  );
}

window.ProofBar = ProofBar;