function Process(){
  const steps = [1,2,3,4,5];
  return (
    <section className="process" id="processo" data-screen-label="05 Process">
      <div className="wrap">
        <div className="process-head">
          <span className="eyebrow reveal" data-i18n="proc.eyebrow">{window.t('proc.eyebrow')}</span>
          <h2 className="reveal" data-i18n-html="proc.title" dangerouslySetInnerHTML={{__html: window.t('proc.title')}}/>
        </div>
        <div className="steps">
          {steps.map(n => (
            <div className="step reveal" key={n} data-cursor="open">
              <span className="num">{String(n).padStart(2,'0')}</span>
              <div>
                <div className="label" data-i18n={'proc.s'+n+'.l'}>{window.t('proc.s'+n+'.l')}</div>
                <h3 className="title" style={{marginTop:14}} data-i18n-html={'proc.s'+n+'.t'} dangerouslySetInnerHTML={{__html: window.t('proc.s'+n+'.t')}}/>
              </div>
              <p className="desc" data-i18n={'proc.s'+n+'.d'}>{window.t('proc.s'+n+'.d')}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Process = Process;