/* ============================================================
   APP — router + mount
   ============================================================ */
function Router() {
  const { route } = useStore();
  const { page, params } = route;
  switch (page) {
    case 'home': return <HomePage />;
    case 'shop': return <ShopPage params={params} />;
    case 'product': return <ProductPage params={params} />;
    case 'cart': return <CartPage />;
    case 'checkout': return <CheckoutPage />;
    case 'confirm': return <ConfirmPage params={params} />;
    case 'account':      return <AccountPage />;
    case 'signin':       return <SignInPage />;
    case 'signup':       return <SignUpPage />;
    case 'about':        return <AboutPage />;
    case 'services':     return <ServicesPage />;
    case 'contact':      return <ContactPage />;
    case 'policy':       return <PolicyPage params={params} />;
    case 'packages':     return <PackagesPage />;
    case 'custom-order': return <CustomOrderPage />;
    case 'booking':      return <BookingPage />;
    default:             return <HomePage />;
  }
}

function App() {
  return (
    <StoreProvider>
      <Header />
      <main><Router /></main>
      <Footer />
      <CartDrawer />
      <Toasts />
    </StoreProvider>
  );
}

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