function HomePage() {
  const best = PRODUCTS.filter(p => p.bestCollection);
  const fresh = PRODUCTS.filter(p => p.newArrival);
  return (
    <>
      <Header />
      <RateBoard />
      <BannerSlider />
      <PromiseBand />
      <ProductSection eyebrow="Handpicked" title="Best collection" description="Flagged best_collection in the catalogue. Prices move with today’s rate." products={best} href="Category.html#/collections/best" />
      <ProductSection eyebrow="Just in" title="New arrivals" description="The newest pieces off the bench, added this fortnight." products={fresh} href="Category.html#/collections/new" tone="cream" />
      <CategoryTiles />
      <StoryVideo />
      <SiteFooter />
      <WhatsAppFab />
    </>
  );
}
loadCatalogData().then(() => {
  ReactDOM.createRoot(document.getElementById("root")).render(<HomePage />);
});