// Nav.jsx
const Nav = ({ onCta }) => (
  <nav className="cc-nav" role="navigation">
    <a href="#" className="cc-nav-logo">
      <img src="assets/logo-mark.svg" alt="" />
      <span className="cc-logo-text">Constructive<em>creativity</em></span>
    </a>
    <div className="cc-nav-links">
      <a href="#approach" className="cc-nav-link">Approach</a>
      <a href="#products" className="cc-nav-link">Products</a>
      <a href="#stack" className="cc-nav-link">Stack</a>
    </div>
    <a href="#contact" className="cc-nav-cta" onClick={(e) => { e.preventDefault(); onCta && onCta(); }}>
      Start a project
    </a>
  </nav>
);
window.Nav = Nav;