const Contact = () => (
  <section className="section" id="contact">
    <div className="container">
      <div className="sec-head">
        <div className="eyebrow">Contact</div>
        <h2>Get in touch.</h2>
      </div>
      <div className="contact-body">
        <div className="eyebrow" style={{paddingTop:'8px'}}>Reach out</div>
        <div>
          <h3 className="contact-display">Say hi.<br/><em>I read everything.</em></h3>
          <div className="contact-actions">
            <a className="btn btn-primary" href="mailto:issam223b@gmail.com">
              <Icon name="mail" size={16}/> issam223b@gmail.com
            </a>
            <a className="btn btn-ghost" href="https://github.com/missacodes" target="_blank" rel="noreferrer">
              <Icon name="github" size={16}/> GitHub
            </a>
            <a className="btn btn-ghost" href="https://www.linkedin.com/in/mohamed-ahmed-issa/" target="_blank" rel="noreferrer">
              <Icon name="linkedin" size={16}/> LinkedIn
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
);

window.Contact = Contact;