Deploy categories, subcategories and products on any page/post. Now data‑driven with order overrides.
📁 One Top-Level Category: Saunas
<TopCategoryGrid include={["saunas"]} />
📁 Two Top-Level Categories: Saunas & Hot Tubs
<TopCategoryGrid include={["saunas","hot-tubs"]} />
📦 All Top-Level Categories (uses src/data/categories.json → order)
Browse Our Categories
Curated picks to spark your next obsession 🔥
Beverages
Health goodnicey and environmentally conscious drinks for your peace of mind
Cakes
Beautiful Cupcakes from Mars
Clothing
A premium genuine leather jacket with a classic fit and timeless style. Perfect for layering across seasons.
Furniture
Maximise your bedroom space with this gas-lift storage bed, crafted in a timeless oak finish with practical lift-up base.
<TopCategoryGrid />
🔀 Custom Order (page-level override)
Browse Our Categories
Curated picks to spark your next obsession 🔥
Beverages
Health goodnicey and environmentally conscious drinks for your peace of mind
Cakes
Beautiful Cupcakes from Mars
Clothing
A premium genuine leather jacket with a classic fit and timeless style. Perfect for layering across seasons.
Furniture
Maximise your bedroom space with this gas-lift storage bed, crafted in a timeless oak finish with practical lift-up base.
<TopCategoryGrid orderOverride={["pergolas","saunas","hot-tubs","log-cabins"]} />
🎯 Single Product (example slug)
🎯 Two Products
<ProdGrid
slugs={[
"saunas/barrel/classic-200",
"hot-tubs/wood-fired/compact-2p"
]}
showFilters={false}
inStock={inStockBySlug}
/>
🔥 All Barrel Saunas
<ProdGrid
categoryPrefix="saunas/barrel"
showFilters={true}
inStock={inStockBySlug}
/>
🧖 Saunas & Hot Tubs (two category prefixes)
<ProdGrid
categoryPrefixes={["saunas","hot-tubs"]}
showFilters={true}
inStock={inStockBySlug}
/>
🌿 Saunas, Hot Tubs & Pergolas
<ProdGrid
categoryPrefixes={["saunas","hot-tubs","pergolas"]}
showFilters={true}
inStock={inStockBySlug}
/>
⭐ Featured Section (static slugs you curate)
⭐ Featured (static)
<section class="mt-24">
<h2 class="text-3xl font-bold mb-8 text-center">⭐ Featured (static)</h2>
<ProdGrid
slugs={[
"saunas/barrel/classic-200",
"hot-tubs/wood-fired/compact-2p",
"saunas/infrared/duo-150"
]}
showFilters={false}
inStock={inStockBySlug}
/>
</section>
<ProdGrid
slugs={["saunas/barrel/classic-200"]}
showFilters={false}
inStock={inStockBySlug}
/>