function Hero() {
  return (
    <section className="hero" data-screen-label="01 Hero">
      <div className="hero__col-left">
        <div className="eyebrow hero__eyebrow">
          <span className="dot" /> Antwerp, Belgium
        </div>
        <h1 className="hero__name">
          <Wordmark size="hero" />
        </h1>
        <p className="hero__role">
          Chief Operations Officer at CYS Group<br />
          Board member at Klantenservice Federatie
        </p>
        <div className="hero__rule" />
      </div>
      <div className="hero__col-right">
        <figure className="hero__portrait">
          <img src="assets/portrait-tight.jpg" alt="Stef van den Oever" />
          <div className="hero__stamp" aria-hidden="false">
            <Stamp size={168} />
          </div>
        </figure>
      </div>
    </section>
  );
}

window.Hero = Hero;