function App(){
 const [route,setRoute]=React.useState({page:'home',detail:null});
 const go=(page,detail)=>{setRoute({page,detail:detail||null});
  if(page==='home'&&detail==='area'){setTimeout(()=>{const el=document.getElementById('area');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.pageYOffset-80,behavior:REDUCED()?'auto':'smooth'})}},80)}
  else if(!detail||page==='booking'){const root=document.getElementById('root');window.scrollTo(0,root?root.getBoundingClientRect().top+window.pageYOffset:0)}};
 return <div>
  <SiteNav page={route.page} go={go}/>
  {route.page==='home'&&<Home go={go}/>}
  {route.page==='services'&&<ServicesPage go={go} focus={route.detail}/>}
  {route.page==='booking'&&<BookingPage go={go} presetService={route.detail}/>}
  <SiteFooter go={go}/>
 </div>;
}
ReactDOM.createRoot(document.getElementById('root')).render(<App/>);