const Process = ({ t }) => (
  <section id="process" className="section section-tinted">
    <div className="container">
      <div className="section-head">
        <div className="eyebrow">{t.process_eyebrow}</div>
        <h2>{t.process_title}</h2>
      </div>

      <ol className="process-list">
        {t.process_steps.map((s, i) => (
          <li key={s.t} className="process-step">
            <div className="step-num">{String(i + 1).padStart(2, '0')}</div>
            <div>
              <h3 className="step-title">{s.t}</h3>
              <p className="step-desc">{s.d}</p>
            </div>
          </li>
        ))}
      </ol>
    </div>
  </section>
);

window.Process = Process;