Hero.jsx

/* You probably don't want to do this... */

import React from 'react';
import './Hero.css';

function Hero() {
  return (
    <header className="hero">
      <h1 className="hero__title">Eric's Website</h1>
      <p className="hero__tagline">Learn all about BEM</p>
      <button className="hero__button">Learn more about BEM</button>
    </header>
  );
}

export default Hero;