/* global React */

window.Colophon = function Colophon() {
  return (
    <section className="colophon" id="contact">
      <div className="colophon__wrap">
        <div className="colophon__top">
          <div>
            <div className="colophon__eyebrow">07 — Contact</div>
            <h2 className="colophon__headline">
              Bring the right <em>problem.</em><br/>
              I'll bring the signal.
            </h2>
          </div>
          <div>
            <a className="colophon__cta" href="mailto:sampatsimran@gmail.com">
              sampatsimran@gmail.com
              <span className="arr">↗</span>
            </a>
          </div>
        </div>

        <div className="colophon__sig">
          <div>© 2026 — Simran Sampat</div>
          <div className="colophon__signature">Simran.</div>
          <div><a href="#top">Return to top ↑</a></div>
        </div>
      </div>
    </section>
  );
};