/* PRICING SECTION — публичные вилки для лид-фильтрации и SEO. */

function Pricing() {
  const tiers = [
    {
      name: 'Лендинг / Бот',
      price: 'от 80 K ₽',
      duration: '1–2 недели',
      model: 'Fixed price',
      lede: 'Лендинг, простой Telegram-бот, мини-сервис — быстро и под ключ.',
      points: [
        'Одностраничник или один сценарий бота',
        'Адаптив + базовая аналитика',
        'Минимум интеграций (1 канал/CRM)',
        'Деплой и передача доступов',
      ],
    },
    {
      name: 'Discovery',
      price: 'от 150 K ₽',
      duration: '1–2 недели',
      model: 'Fixed price',
      lede: 'Исследование задачи, архитектура, прототип, чёткая оценка большого проекта.',
      points: [
        'Карта пользовательских сценариев',
        'Технический бриф и архитектурный документ',
        'Интерактивный прототип ключевых экранов',
        'Финансовая оценка следующего этапа',
      ],
    },
    {
      name: 'MVP / Сайт',
      price: '300 K – 1.2 млн ₽',
      duration: '4–8 недель',
      model: 'Fixed price',
      featured: true,
      badge: 'самый частый',
      lede: 'Корпоративный сайт, веб-сервис или MVP мобильного приложения — один трек.',
      points: [
        'Дизайн + разработка + наполнение',
        '1–2 ключевые интеграции',
        'CI/CD + базовый QA',
        '1 месяц гарантии после релиза',
      ],
    },
    {
      name: 'Продукт',
      price: '1.2 – 3 млн ₽',
      duration: '3–5 месяцев',
      model: 'Fixed / T&M',
      lede: 'Мультиплатформенный продукт или сложная платформа: iOS + Android + бэкенд + админка.',
      points: [
        'Команда 3–5 человек',
        'Двухнедельные спринты с демо',
        'CI/CD с первого дня, автотесты',
        '3 месяца гарантии после релиза',
      ],
    },
    {
      name: 'Команда',
      price: 'от 250 K ₽/мес',
      duration: 'от 1 месяца',
      model: 'Time & Materials / Dedicated Team',
      lede: 'Выделенный разработчик или команда — помесячное актирование, гибкий скоуп.',
      points: [
        'От 1 разработчика на 60% загрузки',
        'Прозрачный таймтрекинг + отчёты',
        'Двухнедельные спринты',
        'Подходит для развития продукта',
      ],
    },
  ];

  return (
    <section className="section container" id="pricing">
      <div className="section-head">
        <h2>Стоимость. <span className="italic">Открытые вилки.</span></h2>
        <div className="num">05 / ЦЕНЫ</div>
      </div>
      <div className="pricing-grid">
        {tiers.map((t, i) => (
          <div key={i} className={"price-card " + (t.featured ? 'featured' : '')}>
            <div className="price-head">
              <div className="price-name">
                {t.name}
                {t.badge && <span className="price-badge">{t.badge}</span>}
              </div>
              <div className="price-model">{t.model}</div>
            </div>
            <div className="price-amount">{t.price}</div>
            <div className="price-duration">{t.duration}</div>
            <p className="price-lede">{t.lede}</p>
            <ul className="price-points">
              {t.points.map((p, j) => <li key={j}>{p}</li>)}
            </ul>
            <a href="#contact" className="price-cta">Обсудить →</a>
          </div>
        ))}
      </div>
      <div className="pricing-note">
        * Цены ориентировочные. После брифа пришлём точную оценку с разбивкой по командам и срокам в течение 3–5 рабочих дней.
      </div>
    </section>
  );
}

window.Pricing = Pricing;