function App(){
const [route, setRoute] = React.useState(() => (window.location.hash.replace('#/', '') || 'home'));
React.useEffect(() => {
const onHash = () => {setRoute(window.location.hash.replace('#/', '') || 'home'); window.scrollTo(0, 0);};
window.addEventListener('hashchange', onHash);
return () => window.removeEventListener('hashchange', onHash);
}, []);
const pages = {home: HomePage, tour: TourPage, 'how-it-works': HowItWorksPage, cpd: CPDPage, about: AboutPage, faq: FAQPage, register: RegisterPage};
const Page = pages[route] || HomePage;
const navKey = pages[route] ? route : 'home';
return <React.Fragment>
<Header page={navKey} />
<main><Page /></main>
<Footer />
</React.Fragment>;
}
ReactDOM.createRoot(document.getElementById('root')).render(<App />);