// about.jsx — «О сообществе» (?view=about, правки Насти 23.10): кто мы, миссия, история создания,
// продукты команды. Текст — из справочника Насти «Хакку / единый артефакт» (вкладка «Основная
// информация»), сверено 26.10.2026. Правила сообщества появятся отдельным блоком, когда будет текст.

function About({ nav }) {
  return (
    <div className="os-frame">
      <Sidebar active="about" nav={nav}/>
      <div className="os-main">
        <Topbar crumbs={['Сообщество', 'О сообществе']}/>
        <div className="os-content">
          <div>
            <div className="os-eyebrow" style={{ marginBottom: 10 }}>О сообществе</div>
            <h1 className="os-h1">хакку.ии — сообщество, где эксперты и команды становятся AI-native</h1>
            <p className="os-sub" style={{ marginTop: 8, maxWidth: 680 }}>
              Мы помогаем перестроить мышление: учим по-новому ставить задачи, принимать решения и растить бизнес
              с AI. Системный AI-подход вместо разовых лайфхаков. На практике, с результатом для вас и вашей команды.
            </p>
          </div>

          <div className="os-card cm-about">
            <div className="cm-md">
              <h2>Миссия</h2>
              <p>Мир вокруг меняется с такой скоростью, что даже самый дисциплинированный ум не успевает переварить
                всё, что на него обрушивается.</p>
              <p><b>Два факта, чтобы не быть голословными:</b></p>
              <ul>
                <li>52% компаний учитывают навыки работы с ИИ при найме новых сотрудников<sup>1</sup>.</li>
                <li>44% россиян могут читать книгу больше часа без переключения на другие задачи<sup>2</sup>.</li>
              </ul>
              <p className="cm-fine">Источники: 1. РБК Тренды, обновление от 10.07.2026. 2. НАФИ и «Литрес», 08.10.2026.</p>
              <p>Все нужные технологии уже существуют и доступны. Как после вспышки молнии: раскат уже в пути.
                Масштаб перемен зависит только от нашего выбора и решимости.</p>
              <p>Мы создали хакку.ии для тех, кто верит: технологии должны давать человеку свободу:</p>
              <ul>
                <li>решать самому,</li>
                <li>делать быстрее,</li>
                <li>думать глубже.</li>
              </ul>
              <p>И не зависеть от IT-отдела, подрядчика или курса, который устареет через полгода. Поэтому мы помогаем
                перестроить мышление: по-новому ставить задачи, принимать решения и растить бизнес.</p>
              <p>В хакку.ии вы найдёте среду единомышленников: практиков, которые пробуют новое первыми. Если вы читаете
                этот текст, вы уже среди тех, кто впереди.</p>
              <p><i>Сергей, Николай и Александр, основатели хакку.ии</i></p>
            </div>
          </div>

          <div className="os-card cm-about">
            <div className="cm-md">
              <h2>История создания</h2>
              <p>Мы, Сергей, Николай и Александр, уже 5 лет изучаем возможности AI и помогаем
                внедрять их в крупнейших компаниях: от банка на «А» до IT-компании на «Я».</p>
              <p>После каждого тренинга люди писали одно и то же: «Спасибо, было классно. А что дальше? Как не потерять
                знания и навыки через месяц?»</p>
              <p>Мы показывали коллегам, друзьям и семье: «Смотри, как мы это автоматизировали». В ответ слышали:
                «Я тоже так хочу, можешь научить?»</p>
              <p>Мы стали писать маленькие инструкции и пересылать в личку. Пересылали, пересылали, пересылали. И тут стало
                очевидно: дело не в контенте. Дело в людях.</p>
              <p>Каждый, кто пользуется ИИ, открывает что-то своё: приём, решение, ход мысли, до которого другой мог не
                добраться. Настоящая ценность — не когда тебя учит гуру, а когда ты среди равных, каждый из которых видит
                чуть дальше в своём направлении.</p>
              <p>Так появилось сообщество хакку.ии.</p>
            </div>
          </div>

          <div className="os-card cm-about">
            <div className="cm-md">
              <h2>Продукты команды</h2>
              <p><b>hakku.cowork.</b> Те же возможности, что у Claude Cowork, но без VPN и сложной регистрации. Подходит тем,
                кто по корпоративным правилам не может пользоваться зарубежными AI. Данные остаются у вас.{' '}
                <a href="https://cowork.hakku.ai" target="_blank" rel="noopener noreferrer">cowork.hakku.ai ↗</a></p>
              <p><b>Research-агент хакку.ии.</b> Берёт на себя рутину поиска и анализа: собирает данные из источников,
                структурирует выводы и готовит черновик отчёта.{' '}
                <a href="https://research.hakku.ai" target="_blank" rel="noopener noreferrer">research.hakku.ai ↗</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}