/* global React */
const { Icon, SectionHeader } = window.UI;

const STEPS = [
  { n: "01", t: "Diagnóstico", d: "Mapeamos la operación completa e identificamos con precisión qué procesos, roles o estructuras están generando fricción y frenando el crecimiento real." },
  { n: "02", t: "Diseño", d: "Construimos la arquitectura operativa desde cero: roles claros, procesos que escalan, flujos de trabajo sin fricciones y las herramientas correctas para cada etapa." },
  { n: "03", t: "Implementación", d: "Ejecutamos codo a codo con el equipo. Sin presentaciones, sin teoría — sistemas reales instalados en la operación que funcionan desde el primer día." },
  { n: "04", t: "Ajuste", d: "Iteramos sobre la marcha y corregimos en tiempo real. Cada desviación es una oportunidad de afinar el sistema hasta que corre solo, sin depender de nosotros." },
  { n: "05", t: "Medición", d: "Definimos los KPIs que realmente importan, establecemos revisiones periódicas y tomamos decisiones basadas en datos — no en intuición ni en urgencia." },
];

function Method() {
  return (
    <section className="sl-sec" id="method">
      <div className="sl-wrap">
        <SectionHeader
          eyebrow="Metodología"
          title={<span>Cómo<br />Trabajamos</span>}
          lead="Un proceso simple, sin vueltas, con resultados medibles. De diagnóstico a ejecución, hasta que tu operación escale sola." />
        <div className="sl-steps">
          {STEPS.map((s, i) => (
            <div className="sl-step" key={i}>
              <div className="sl-step-n">{s.n}</div>
              <div className="sl-step-hd"><h4>{s.t}</h4><Icon name="arrow-right" size={18} style={{ color: "var(--fg-3)" }} /></div>
              <p>{s.d}</p>
            </div>
          ))}
        </div>
        <div className="sl-quote" style={{ textAlign: "center" }}>
          <span className="mint" style={{ fontStyle: "normal", fontWeight: 500 }}>Construimos la infraestructura operativa que tu negocio necesita para crecer sin romperse.</span>
        </div>
      </div>
    </section>
  );
}
window.Method = Method;