import { steps } from "../../config/landingConstants";

export default function StepsSection() {
  return (
    <section className="nk-steps-section">
      <h2 className="nk-h2">Как это работает</h2>
      <div className="nk-steps-grid">
        {steps.map((s) => (
          <div className="nk-step-card" key={s.n}>
            <span className="nk-step-num">{s.n}</span>
            <h3 className="nk-step-title">{s.title}</h3>
            <p className="nk-step-text">{s.text}</p>
          </div>
        ))}
      </div>
    </section>
  );
}