// Root app: router + all pages assembled

const Router = () => {
  const { route } = useApp();
  switch (route.name) {
    case 'home':     return <HomePage/>;
    case 'shop':     return <ShopPage/>;
    case 'product':  return <ProductPage/>;
    case 'checkout': return <CheckoutPage/>;
    case 'thankyou': return <ThankYouPage/>;
    case 'account':  return <AccountPage/>;
    case 'about':    return <AboutPage/>;
    case 'news':     return <NewsPage/>;
    case 'stores':   return <StoresPage/>;
    case 'contact':  return <ContactPage/>;
    case 'lookbook': return <LookbookPage/>;
    default:         return <HomePage/>;
  }
};

const App = () => (
  <AppProvider>
    <Nav/>
    <main><Router/></main>
    <Footer/>
    <CartDrawer/>
    <SearchDrawer/>
    <AuthModal/>
    <MobileMenu/>
    <Toast/>
  </AppProvider>
);

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