// App entry — mode toggle wires homeowner ↔ engineer

const App = () => {
  const [mode, setMode] = React.useState(() => {
    if (typeof window !== 'undefined' && window.location.hash === '#engineer') return 'eng';
    return 'home';
  });

  React.useEffect(() => {
    window.location.hash = mode === 'eng' ? '#engineer' : '#homeowner';
    document.body.classList.toggle('eng-mode', mode === 'eng');
    window.scrollTo({ top: 0, behavior: 'instant' });
  }, [mode]);

  return (
    <>
      <ScrollProgress />
      <Header mode={mode} setMode={setMode} />
      {mode === 'home' ? <Homeowner /> : <Engineer />}
    </>
  );
};

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