docs: update recipe contents (#12515)

www/apps/resources/app/recipes/page.mdx

@@ -1,4 +1,19 @@
-import { ChildDocs } from "docs-ui"
+import { CardList } from "docs-ui"
+import { 
+  BuildingStorefront,
+  CalendarSolid,
+  PhotoSolid,
+  ChannelsSolid,
+  BuildingsSolid,
+  GiftSolid,
+  ClockSolid,
+  ShoppingCartSolid,
+  GlobeEuropeSolid,
+  Phone,
+  HandTruck,
+  PenPlus,
+  Receipt
+} from "@medusajs/icons"
 
 export const metadata = {
   title: `Recipes`,
@@ -8,4 +23,75 @@ export const metadata = {
 
 This section of the documentation provides recipes for common use cases with example implementations.
 
-<ChildDocs onlyTopLevel hideItems={["Overview"]} />
+## Recipes
+
+<CardList
+  itemsPerRow={2}
+  items={[
+    {
+      href: "/recipes/marketplace",
+      title: "Marketplace",
+      icon: BuildingStorefront,
+    },
+    {
+      href: "/recipes/subscriptions",
+      title: "Subscriptions",
+      icon: CalendarSolid,
+    },
+    {
+      href: "/recipes/digital-products",
+      title: "Digital Products",
+      icon: PhotoSolid,
+    },
+    {
+      href: "/recipes/erp",
+      title: "Integrate ERP",
+      icon: ChannelsSolid,
+    },
+    {
+      href: "/recipes/b2b",
+      title: "B2B",
+      icon: BuildingsSolid,
+    },
+    {
+      href: "/recipes/bundled-products",
+      title: "Bundled Products",
+      icon: GiftSolid,
+    },
+    {
+      href: "/recipes/commerce-automation",
+      title: "Commerce Automation",
+      icon: ClockSolid,
+    },
+    {
+      href: "/recipes/ecommerce",
+      title: "Ecommerce",
+      icon: ShoppingCartSolid,
+    },
+    {
+      href: "/recipes/multi-region-store",
+      title: "Multi-Region Store",
+      icon: GlobeEuropeSolid,
+    },
+    {
+      href: "/recipes/omnichannel",
+      title: "Omnichannel Store",
+      icon: Phone,
+    },
+    {
+      href: "/recipes/oms",
+      title: "OMS",
+      icon: HandTruck,
+    },
+    {
+      href: "/recipes/personalized-products",
+      title: "Personalized Products",
+      icon: PenPlus,
+    },
+    {
+      href: "/recipes/pos",
+      title: "POS",
+      icon: Receipt,
+    }
+  ]}
+/>