ProductCollection (am-product-collection)

ProductCollection 用資料陣列組合多張 ProductCard，提供商品集合、分類與 featured products 的共同 section shell。它只負責結構、欄位與 token-driven presentation；篩選、分頁、庫存、價格權威與購物車流程由 consumer 管理。

---
import ProductCollection from "@astromer/core/components/ProductCollection.astro";
---

<ProductCollection
  eyebrow="New arrivals"
  title="Build a considered collection"
  description="Keep related products easy to scan and compare."
  columns={3}
  products={[
    { title: "Field notebook", href: "/shop/notebook", price: "NT$420", category: "Desk goods" },
    { title: "Trail mug", href: "/shop/mug", price: "NT$680", category: "Outdoor" },
  ]}
  surface="muted"
/>

圖片可在 image 物件中提供 src、alt、width 與 height；元件會以 lazy loading 載入非首屏圖片。詳見 playground /playground/marketing/。