// TopNav, sticky, backdrop-blur, primary CTA.
const TopNav = () => {
  return (
    <header className="k-nav">
      <div className="k-nav__inner">
        <a href="#" className="k-nav__logo" aria-label="Kinetic, Here for you. Forever.">
          <img
            src="../../assets/kinetic-hfyf-purple.png"
            alt="Kinetic, Here for you. Forever."
            className="k-nav__logo-img"
            style={{height:"30px", width:"auto", display:"block", objectFit:"contain"}}
          />
        </a>
        <nav className="k-nav__links">
          <a href="#features">Platform</a>
          <a href="#move-in">Move-in</a>
          <a href="#customers">Customers</a>
          <a href="#resources">Resources</a>
          <a href="#about">About</a>
        </nav>
        <div className="k-nav__cta">
          <a href="#signin" className="k-link">Sign in</a>
          <button className="k-btn k-btn--primary">Book a demo</button>
        </div>
      </div>
    </header>
  );
};
window.TopNav = TopNav;