function App() {
  const [view, setView] = React.useState('home');

  React.useEffect(() => {
    const pre = document.getElementById('preboot');
    if (pre) pre.remove();
  }, []);

  React.useEffect(() => {
    window.scrollTo({ top: 0 });
  }, [view]);

  let Page = null;
  if (view === 'home')      Page = <window.Home setView={setView} />;
  if (view === 'test')      Page = <window.MiniTest setView={setView} />;
  if (view === 'private')   Page = <window.Private setView={setView} />;
  if (view === 'corporate') Page = <window.Corporate setView={setView} />;
  if (view === 'methodiek') Page = <window.Methodiek setView={setView} />;

  // Hide footer on test flow for focus
  const showFooter = view !== 'test';

  return (
    <div data-screen-label={view} className="min-h-screen flex flex-col">
      <window.Nav view={view} setView={setView} />
      <div className="flex-1">{Page}</div>
      {showFooter && <window.Footer setView={setView} />}
    </div>
  );
}

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