/* App.jsx — root */

function App() {
  return (
    <LangProvider>
      <RouteProvider>
        <Shell/>
      </RouteProvider>
    </LangProvider>
  );
}

function Shell() {
  const { route } = useRoute();
  return (
    <>
      <Nav/>
      <div key={route} className="page-fade">
        {route === 'home' && <Home/>}
        {route === 'about' && <About/>}
        {route === 'services' && <Services/>}
        {route === 'booking' && <Booking/>}
        {route === 'contact' && <Contact/>}
      </div>
      <Footer/>
    </>
  );
}

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