/* iONE marketing site — sticky header */
function SiteHeader() {
  const { Button } = window.IONEDesignSystem_ec7bc5;
  return (
    <header className="mk-header">
      <div className="mk-wrap mk-wrap--wide mk-header__bar">
        <a className="mk-logo" href="#"><span className="i">i</span>ONE<span className="mk-logo__dot"></span></a>
        <nav className="mk-nav">
          <a href="#solution">Solution</a>
          <a href="#service">Energy-as-a-Service</a>
          <a href="#use-cases">Use cases</a>
          <a href="#pilot">Pilot program</a>
        </nav>
        <div className="mk-header__cta">
          <Button variant="primary" size="sm">Book a demo</Button>
        </div>
      </div>
    </header>
  );
}
window.SiteHeader = SiteHeader;