// jsx/Directions.jsx
function Directions() {
  return (
    <section id="directions" className="section container" style={{ padding: "36px 0" }}>
      <h2>Наши направления</h2>

      <div className="grid" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))", gap: 16 }}>
        <article className="card" style={{ padding: 16 }}>
          <h3>Интеллектуальный анализ снимков</h3>
          <p><strong>Radiology AI</strong> — автоматическая обработка и интерпретация рентгеновских, КТ и МРТ снимков с акцентом на точность и объяснимость результатов.</p>
        </article>

        <article className="card" style={{ padding: 16 }}>
          <h3>Поддержка принятия решений</h3>
          <p><strong>Clinical Decision Support</strong> — контекстная помощь врачу: вероятности диагнозов, рекомендации по обследованиям и алгоритмы дифференциальной диагностики.</p>
        </article>

        <article className="card" style={{ padding: 16 }}>
          <h3>Автоматизация работы врача</h3>
          <p><strong>Medical NLP</strong> — извлечение клинической информации из текстов, автоматизация документации и подготовка структурированных отчетов.</p>
        </article>

        <article className="card" style={{ padding: 16 }}>
          <a href="/blochein/blockchein.html" style={{ display: "inline-block", marginBottom: 8 }}>Блокчейн-образование</a>
          <p><strong>EduTech Blockchain</strong> — проверяемые сертификаты и учебные треки на блокчейне для повышения квалификации и прозрачности обучения.</p>
        </article>
      </div>
    </section>
  );
}
