// Контакты — заголовок + кнопки-ссылки в стиле hero (Telegram-канал, личный Telegram, LinkedIn).
(function () {
  const { Button } = window.ArthurDemchenkoBrandSystem_fe6514;

  const IconSend = () => (
    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg>
  );
  const IconLinkedIn = () => (
    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
  );

  function Contact() {
    return (
      <section className="w-band w-band--light" id="contact">
        <div className="w-inner">
          <div className="w-contact--center">
            <h2 className="w-h2" style={{ margin: 0 }}>Всегда рад общению.</h2>
            <div className="w-contact__btns">
              <Button variant="inverse" href="https://t.me/demchenkolegal" iconLeft={<IconSend/>}>Telegram-канал</Button>
              <Button variant="outline" href="https://t.me/iamdemchart" iconLeft={<IconSend/>}>Личный Telegram</Button>
              <Button variant="outline" href="https://www.linkedin.com/in/arthur-demchenko/" iconLeft={<IconLinkedIn/>}>LinkedIn</Button>
            </div>
          </div>
        </div>
      </section>
    );
  }
  window.Contact = Contact;
})();