// ==== Contact ========================================================

function Contact() {
  return (
    <section id="contact" className="scene" data-screen-label="16 Contact">
      <div className="scene-head">
        <div className="eyebrow">Get in touch</div>
        <h2>
          If you&rsquo;re building the<br />
          <em>agent stack</em>, I&rsquo;d like to hear from you.
        </h2>
      </div>

      <div className="ct-wrap">
        <div className="ct-channels">
          <a className="ct-channel" href={`mailto:${AYUSH.PROFILE.email}`}>
            <span className="ct-k">Email</span>
            <span className="ct-v">{AYUSH.PROFILE.email}</span>
            <span className="ct-arr" aria-hidden="true">→</span>
          </a>
          <a className="ct-channel" href={AYUSH.PROFILE.links.linkedin} target="_blank" rel="noreferrer">
            <span className="ct-k">LinkedIn</span>
            <span className="ct-v">/in/colonayush</span>
            <span className="ct-arr" aria-hidden="true">→</span>
          </a>
          <a className="ct-channel" href={AYUSH.PROFILE.links.github} target="_blank" rel="noreferrer">
            <span className="ct-k">GitHub</span>
            <span className="ct-v">@COLONAYUSH</span>
            <span className="ct-arr" aria-hidden="true">→</span>
          </a>
          <a className="ct-channel" href={`tel:${AYUSH.PROFILE.phone}`}>
            <span className="ct-k">Phone</span>
            <span className="ct-v">{AYUSH.PROFILE.phone}</span>
            <span className="ct-arr" aria-hidden="true">→</span>
          </a>
        </div>

        <div className="ct-side">
          <div className="ct-side-line">
            <span className="ct-k">Based</span>
            <span className="ct-v">Bangalore &mdash; open to relocation</span>
          </div>
          <div className="ct-side-line">
            <span className="ct-k">Status</span>
            <span className="ct-v">
              <span className="dot" /> Open to interesting conversations
            </span>
          </div>
          <div className="ct-side-line">
            <span className="ct-k">Reply</span>
            <span className="ct-v">Usually within 24 hours</span>
          </div>
        </div>
      </div>

      <div className="ct-foot">
        <span>&copy; {new Date().getFullYear()} &middot; Ayush Kumar</span>
        <span>Press <span className="kbd">&#8984;K</span> to navigate</span>
      </div>
    </section>
  );
}

Object.assign(window, { Contact });