// ===== Home (index.html) =====
const HomeApp = () => {
  return (
    <PageWrapper>
      {({ addToCart, openModal, faves, toggleFav, openCheckout }) => (
        <main>
          <Hero />
          <Stats />
          <CategoryTiles />
          <FlashDeals onOpen={openModal} onAdd={addToCart} faves={faves} onFav={toggleFav} />
          <Builder />
          <Featured onOpen={openModal} onAdd={addToCart} faves={faves} onFav={toggleFav} />
          <Prebuilts onOpen={openModal} onAdd={addToCart} faves={faves} onFav={toggleFav} />
          <Brands />
          <Newsletter />
          <Footer />
        </main>
      )}
    </PageWrapper>
  );
};

ReactDOM.createRoot(document.getElementById("root")).render(<HomeApp />);