/* YourCelf marketing site — app shell + router */

function App() {
  const [route, setRoute] = React.useState(() => {
    const hash = window.location.hash.replace('#', '');
    return hash || 'home';
  });

  React.useEffect(() => {
    window.location.hash = route;
    window.scrollTo({ top: 0, behavior: 'instant' });
  }, [route]);

  let Page;
  switch (route) {
    case 'your-story':  Page = YourStoryPage; break;
    case 'circles':     Page = CirclesPage; break;
    case 'sovereignty': Page = SovereigntyPage; break;
    case 'be-yourcelf': Page = BeYourCelfPage; break;
    default:            Page = HomePage;
  }

  return (
    <>
      <Nav route={route} setRoute={setRoute}/>
      <Page setRoute={setRoute}/>
      <Footer setRoute={setRoute}/>
    </>
  );
}

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