/* ============================================================
   FOOTER / CONTACT
   ============================================================ */

function ContactSection() {
  const [ref, inView] = useInView();
  const email = useScramble(PROFILE.email, inView, 1.5);
  return (
    <section className="contact" data-screen-label="contact" ref={ref}>
      <PromptRow cmd="./contact.sh" comment="let's talk" />
      <div className="big scramble">
        <a href={`mailto:${PROFILE.email}`}>
          {inView ? email || PROFILE.email : PROFILE.email}
        </a>
      </div>
      <div className="links">
        <a href={`mailto:${PROFILE.email}`}>→ email</a>
        <a href={`https://github.com/${PROFILE.github}`} target="_blank" rel="noopener">→ github</a>
        <a href={`https://linkedin.com/in/${PROFILE.linkedin}`} target="_blank" rel="noopener">→ linkedin</a>
      </div>
      <div className="foot">
        — end of file — · built by hand · © {new Date().getFullYear()} yassine zenned
      </div>
    </section>
  );
}

Object.assign(window, { ContactSection });