/* ===== FAQ ===== */
const FAQ_ITEMS = [
  {
    q: "Какой опыт нужен, чтобы прийти?",
    a: "Никакой. Если умеешь пользоваться телефоном и ноутбуком — этого достаточно. Программа сделана так, чтобы войти с нуля и выйти с рабочим продуктом. К нам приходили дизайнеры, студенты, преподаватели и школьники — все доходили до запуска."
  },
  {
    q: "Какие продукты уже выпустила команда Sorgent?",
    a: "MyDocGPT — хаб AI-докторов разных специализаций (в проде). CutReels — платформа автоматической нарезки длинных видео на короткие (в проде). MedSales — маркетплейс аптечных товаров со скидкой (MVP). BrainWave — AI-помощник для школьников и студентов (в проде). Подробнее — на странице Products."
  },
  {
    q: "Что можно сделать за 3 недели программы?",
    a: "Один рабочий продукт в одной из четырёх форм: сайт-визитка или лендинг, AI-ассистент для бизнеса или узкой задачи, MVP стартапа с регистрацией и базой данных, или микро-сервис, решающий одну конкретную проблему. Главное — что после Дня Запуска продукт реально работает в интернете."
  },
  {
    q: "А что после программы — что такое Sorgent Community?",
    a: "После 3 недель ты остаёшься в Sorgent Community: закрытый Telegram-чат, регулярные оффлайн-встречи, совместные запуски, поддержка команды Sorgent. Программа — это вход в сообщество. Главное начинается после неё и продолжается годами."
  },
  {
    q: "Сколько стоит участие?",
    a: "Программа платная. Цену называем при первом созвоне после подачи заявки — без сюрпризов в конце. Платно потому, что за неделю мы сжигаем сотни часов команды и AI-токенов. Если денег нет, но идея огонь — пиши, что-нибудь придумаем."
  },
  {
    q: "Нужен ли свой ноутбук?",
    a: "Да, обязательно. На нём ты и будешь делать свой продукт. Если ноутбука нет — напиши, разберёмся индивидуально."
  },
  {
    q: "Когда ближайший поток?",
    a: "Первый поток — лето 2026 года, Махачкала. Заявки принимаем сейчас. Если в этот поток не попал — придёшь в следующий."
  },
  {
    q: "Я ещё в школе. Могу прийти?",
    a: "Можешь. К нам приходили старшеклассники, и доходили до запуска. Главное — желание работать руками, а не возраст."
  }
];

function FaqItem({ q, a, idx, isOpen, onToggle }) {
  return (
    <div className={`faq-item ${isOpen ? "open" : ""}`}>
      <button className="faq-q" onClick={onToggle}>
        <span className="faq-q-num">/0{idx + 1}</span>
        <span className="faq-q-text">{q}</span>
        <span className="faq-q-icon">{isOpen ? "−" : "+"}</span>
      </button>
      {isOpen && <p className="faq-a">{a}</p>}
    </div>
  );
}

function FaqPage() {
  const [openIdx, setOpenIdx] = useState(0);

  return (
    <div>
      <MiniHero
        rubric="Частые вопросы"
        title={<React.Fragment>Коротко<br /><span className="stroke">о главном.</span></React.Fragment>}
        sub="Самые частые вопросы про программу, сообщество и формат участия. Не нашёл ответ — напиши нам в Telegram, ответим."
      />

      <section className="sec">
        <div className="wrap-narrow">
          <div className="faq-list">
            {FAQ_ITEMS.map((item, i) => (
              <FaqItem
                key={i}
                q={item.q}
                a={item.a}
                idx={i}
                isOpen={openIdx === i}
                onToggle={() => setOpenIdx(openIdx === i ? -1 : i)}
              />
            ))}
          </div>

          <div className="faq-cta">
            <p className="faq-cta-text">Остались вопросы?</p>
            <a className="btn-text" href="https://t.me/SorgentAii" target="_blank" rel="noopener noreferrer">
              Напиши нам в Telegram <Arrow s={14} />
            </a>
          </div>
        </div>
      </section>
    </div>
  );
}
window.FaqPage = FaqPage;