/* JOVI app shell — wires router, providers, page routing */
function App() {
  const { page } = JMUI.useRouter();
  const Page =
    page === "shop"     ? Pages.Shop :
    page === "product"  ? Pages.Product :
    page === "about"    ? Pages.About :
    page === "schools"  ? Pages.Schools :
    page === "creates"  ? Pages.Creates :
    page === "blog"     ? Pages.Blog :
    page === "faq"      ? Pages.Faq :
    page === "contact"  ? Pages.Contact :
                          Pages.Home;
  return (
    <>
      <JMUI.Header/>
      <Page/>
      <JMUI.Footer/>
      <JMUI.CartDrawer/>
      <JMUI.StickyMP/>
    </>
  );
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <JMUI.RouterProvider>
    <JMUI.I18nProvider>
      <JMUI.CartProvider>
        <App/>
      </JMUI.CartProvider>
    </JMUI.I18nProvider>
  </JMUI.RouterProvider>
);