// Intensives NavBar — left: brand + INTENSIVES sublabel · centre: section links · right: Apply CTA.

const INTENSIVES_NAV_LINKS = [
  { href: "#essay-intensive",      label: "Essay Intensive" },
  { href: "#component-intensive",  label: "Component Intensive" },
  { href: "#coaching",             label: "Office Hours" },
  { href: "#guarantee",            label: "Guarantee" },
];

const IntensivesNav = ({ logoSrc = "iborbit-logo-transparent.png", active = "" }) => (
  <nav className="nav intensives-nav" aria-label="Main navigation">
    <a className="brand" href="#top" aria-label="iBOrbit Intensives home">
      <span className="logo"><img src={logoSrc} alt="iBOrbit" /></span>
      <span className="sub">Intensives</span>
    </a>
    <div className="links">
      {INTENSIVES_NAV_LINKS.map((l) => (
        <a key={l.href} href={l.href} className={active === l.href.slice(1) ? "active" : ""}>{l.label}</a>
      ))}
    </div>
    <a className="btn black join" href="#apply" onClick={(e) => { e.preventDefault(); openApplyFlow(); }}>
      Apply <Icon name="arrow-up-right" />
    </a>
  </nav>
);

window.IntensivesNav = IntensivesNav;