content: import React from 'react';
  import Nav from '../../src/components/Nav';
  import contactLinks from '../../src/data/contact-links';
  import ContactLink from '../../src/components/ContactLink';
  import GoToSection from '../../src/components/GoToSection';
  
  class Hero extends React.Component {
    render () {
      return (
        <header className="hero section" id="hero">
          <article className="intro">
              <h1 className="intro__heading ghost">Front-end developer<br/>based in <span className="intro__heading-inactive">Stockholm</span> Manila</h1>
              <div className="intro__tagline">
                <p className="ghost">I develop websites and apps with the end user in focus.</p>
                <p className="ghost">
                  If you want to work with me or just grab a coffee someday feel free to <span className="intro__contact-label ghost">get in touch: </span>
                  {
                    contactLinks.map((link, i) => {
                      return (
                        <ContactLink key={i} href={link.href} label={link.label} index={i} />
                      );
                  })
                }
                </p>
            </div>
          </article>
          <GoToSection href="case" ghost={"ghost"} />
        </header>
      );
    }
  }
  
  export default Hero;
  