/* global React, PROFILE, SectionHead, Reveal, Cursor */

function Contact() {
  return (
    <section id="contact">
      <SectionHead num="05 / 05" title="Contact" />
      <div className="contact-grid">
        <Reveal as="h3">
          SAY<br/>HI!
        </Reveal>
        <Reveal as="div" className="lines" delay={1}>
          <div className="row"><span className="k">EMAIL</span>   <a href={`mailto:${PROFILE.email}`}>{PROFILE.email}</a></div>
          <div className="row"><span className="k">GITHUB</span>  <a href={`https://${PROFILE.github}`}>{PROFILE.github}</a></div>
          <div className="row"><span className="k">LINKEDIN</span><a href={`https://${PROFILE.linkedin}`}>{PROFILE.linkedin}</a></div>
          <div className="row"><span className="k">LOCATION</span><span>{PROFILE.location}</span></div>
        </Reveal>
      </div>
    </section>
  );
}

Object.assign(window, { Contact });