// Nav.jsx — top navigation bar with wordmark + book-a-call pill
function Nav() {
  return (
    <nav className="navbar">
      <div className="nav-brand">anyonecanscale<span className="accent">.com</span></div>
      <a className="nav-cta-small" href="#contact">Book a call →</a>
    </nav>
  );
}

// SectionHeader — the eyebrow ▸ + title + sub trio used before every section
function SectionHeader({ label, title, sub, id, center }) {
  return (
    <div style={center ? { textAlign: 'center' } : null}>
      <p className="section-label" id={id} style={center ? { justifyContent: 'center' } : null}>▸ &nbsp;{label}</p>
      <h2 className="section-title">{title}</h2>
      {sub && <p className="section-sub" style={center ? { margin: '0 auto 44px' } : null}>{sub}</p>}
    </div>
  );
}

window.Nav = Nav;
window.SectionHeader = SectionHeader;