function TopNav() {
  const links = ['JIANGXI', 'Tours', 'Credentials', 'About', 'Reviews'];
  return (
    <nav className="hh-nav">
      <a className="hh-nav__brand" href="#">
        <img src={(typeof window !== 'undefined' && window.__resources && window.__resources.logoHeartease) || "../../assets/logo-heartease.png"} alt="HeartEase logo" className="hh-nav__logo" />
        <span className="hh-nav__lockup">
          <span className="hh-nav__zh">和易</span>
          <span className="hh-nav__wordmark">HeartEase</span>
          <span className="hh-nav__sub">JIANGXI · INBOUND TRAVEL</span>
        </span>
      </a>
      <ul className="hh-nav__links">
        {links.map((l, i) => (
          <li key={l}><a href="#" className={i === 0 ? 'is-active' : ''}>{l}</a></li>
        ))}
      </ul>
      <a className="hh-btn hh-btn--primary" href="#">Plan My Trip</a>
    </nav>
  );
}
window.TopNav = TopNav;