import React from 'react';

const Process: React.FC = () => {
  return (
    <section id="process">
      <div className="section-container animate-on-scroll">
        <div style={{ textAlign: 'center' }}>
          <div className="section-label" style={{ justifyContent: 'center' }}>Как это работает</div>
          <div className="section-title">От нуля до уверенного<br/>использования ИИ</div>
        </div>
        <div className="process-steps">
          <div className="step">
            <div className="step-number">01</div>
            <h3>Бесплатный урок</h3>
            <p>Познакомьтесь с возможностями ИИ и поймите, как он может помочь именно вам</p>
          </div>
          <div className="step">
            <div className="step-number">02</div>
            <h3>Выбор программы</h3>
            <p>Подберём формат обучения под ваши цели - личные или бизнес-задачи</p>
          </div>
          <div className="step">
            <div className="step-number">03</div>
            <h3>Интенсивная практика</h3>
            <p>Каждый день - реальные задания, обратная связь и отработка навыков</p>
          </div>
          <div className="step">
            <div className="step-number">04</div>
            <h3>Результат</h3>
            <p>Через неделю вы уверенно используете ИИ для работы и жизни</p>
          </div>
        </div>
      </div>
    </section>
  );
};

export default Process;
