export default function Process() {
  const steps = [
    { t: "Free check", d: "We assess scope, risks and impact in 20–30 minutes." },
    { t: "Sprint or managed", d: "Pick a fixed sprint or a managed plan with clear outcomes." },
    { t: "Proof", d: "We deliver and prove it: reports, tests, and notes you keep." },
  ];
  return (
    <section className="container py-10">
      <h2 className="text-2xl font-semibold tracking-tight">How we work</h2>
      <div className="mt-6 grid gap-6 sm:grid-cols-3">
        {steps.map((s, i) => (
          <div key={i} className="card">
            <div className="h-10 w-10 rounded-xl bg-primary text-primary-foreground grid place-items-center font-semibold">{i+1}</div>
            <div className="mt-3 text-lg font-semibold">{s.t}</div>
            <p className="mt-1 text-sm text-muted-foreground">{s.d}</p>
          </div>
        ))}
      </div>
    </section>
  );
}
