// REALIZE.CONTENT — Numbers / stats band
const Numbers = () => {
  const stats = [
  { value: '+5',  label: 'Anos de história' },
  { value: '+70', label: 'Mulheres em frente e atrás das câmeras' }];
  // STANDBY — ocultar temporariamente, reativar depois (e voltar a grade para 3 colunas):
  // { value: '+$',  label: 'Mais de R$ 3 mi captados' }

  return (
    <section className="numbers" id="numeros">
      <div className="numbers-houndstooth" aria-hidden="true" />
      <div className="numbers-grid">
        {stats.map((s, i) =>
        <div key={i} className="number">
            <div className="number-value" style={{ fontFamily: "\"Isidora Sans Alt\"" }}>{s.value}</div>
            <div className="number-label">{s.label}</div>
          </div>
        )}
      </div>
    </section>);

};

window.Numbers = Numbers;