function Header() {
  return (
    <header className="hdr">
      <div className="hdr__inner">
        <a href="/" className="hdr__brand" aria-label="Calor">
          Calor<span className="dot">.</span>
        </a>
        <div className="hdr__right">
          <nav className="hdr__nav">
            <a href="#protocol">Protocol</a>
            <a href="https://www.amazon.com/dp/B0H2T72Q9X?utm_source=calor.fit&utm_medium=landing&utm_campaign=book-cta&tag=calorfit-20">The Book</a>
            <a href="#about">About</a>
          </nav>
          <a href="#cta" className="btn btn--solid btn--sm">Get the PDF</a>
        </div>
      </div>
    </header>
  );
}

window.Header = Header;