function FoundationsSectionNav({ current, setRoute }) {
  const items = [
    { id: 'foundations-ai', label: 'AI Adoption' },
    { id: 'foundations-strategy', label: 'Strategy' },
    { id: 'foundations-technology', label: 'Technology' },
  ];
  return (
    <div className="q-section-nav">
      <div className="q-wrap">
        <div className="q-section-nav-inner">
          <button className="q-section-nav-back" onClick={() => setRoute('foundations')}>
            ← Foundations
          </button>
          <div className="q-section-nav-tabs">
            {items.map(item => (
              <button
                key={item.id}
                className={'q-section-nav-tab' + (current === item.id ? ' active' : '')}
                onClick={() => current !== item.id && setRoute(item.id)}
              >
                {item.label}
              </button>
            ))}
          </div>
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { FoundationsSectionNav });