// ============================================================
// KENNISBANK · main page assembly
// Topribbon (shared) · Hero · Legend · Grid · Newsletter · Contact · Footer
// ============================================================

function KennisbankApp() {
  return (
    <>
      <HmTopribbon activeLabel="Kennisbank" homePrefix="Homepage.html" />
      <KbHero />
      <KbLegend />
      <KbGrid />
      <HmContact
        eyebrow="Sparren?"
        title={<>Een vraag over wat je <span className="grad">hier las?</span></>}
        subtitle="Stuur een mail, plan een gesprek, of bel ons. We sparren graag, ook als het niet om een opdracht gaat."
      />
      <HmFooter />
    </>
  );
}

// Edit-mode passthrough so the toolbar Tweaks toggle works.
window.addEventListener('message', (e) => {
  const msg = e.data || {};
  if (msg.type === '__activate_edit_mode') document.body.setAttribute('data-edit-mode', 'on');
  if (msg.type === '__deactivate_edit_mode') document.body.setAttribute('data-edit-mode', 'off');
});

ReactDOM.createRoot(document.getElementById('root')).render(<KennisbankApp />);