// Contact — left column (что писать) + right (Telegram + email).
function Contact() {
  return (
    <section id="contact" className="section contact" data-screen-label="contact">
      <div className="container">
        <div className="section__head">
          <h2 className="section__title">Связаться</h2>
          <div className="section__num">04 / Контакт</div>
        </div>

        <div className="contact__grid">
          {/* Left column — когда связываться */}
          <div>
            <h3>Когда связываться</h3>
            <ul className="contact-list" role="list">
              <li>— Партнёрство Yoolip&nbsp;AI (B2B, интеграции)</li>
              <li>— Спикерство, подкаст, интервью</li>
              <li>— Журналистский комментарий</li>
              <li>— Корпоративное AI-обучение</li>
            </ul>
          </div>

          {/* Right column — Telegram + Email */}
          <div className="contact-channels">
            <a className="contact-channel contact-channel--primary"
               href="https://t.me/romarayt_bot"
               target="_blank" rel="noopener noreferrer">
              <div className="contact-channel__head">
                <span className="contact-channel__icon"><Icon name="telegram" size={22}/></span>
                <span className="contact-channel__kicker">Поддержка по продуктам</span>
              </div>
              <div className="contact-channel__value">@romarayt_bot</div>
              <div className="contact-channel__note">
                Подскажу по продуктам и&nbsp;услугам — Yoolip&nbsp;AI, агентство,
                фулфилмент, обучение.
              </div>
              <span className="contact-channel__cta">
                Написать в&nbsp;Telegram <Icon name="arrow" size={16}/>
              </span>
            </a>

            <a className="contact-channel"
               href="mailto:partner@makeunion.ru">
              <div className="contact-channel__head">
                <span className="contact-channel__icon"><Icon name="mail" size={22}/></span>
                <span className="contact-channel__kicker">Партнёрства</span>
              </div>
              <div className="contact-channel__value">partner@makeunion.ru</div>
              <div className="contact-channel__note">
                B2B-интеграции, совместные продукты, медиа-запросы.
                Отвечаю в&nbsp;2–5 рабочих дней.
              </div>
              <span className="contact-channel__cta">
                Написать на&nbsp;почту <Icon name="arrow" size={16}/>
              </span>
            </a>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Contact = Contact;