Store Locator

Nearby stores list where each row carries a semantic stock dot, store name, distance, and a chevron to drill into the location.

Find in store
  • SF Union SquareIn stock · 0.4 mi
  • Hayes ValleyLow stock · 1.2 mi
  • Mission DistrictOut of stock · 2.8 mi

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Commerce28 } from "@/components/beste/piece/commerce28";

<Commerce28
  stores={[
    {
      "name": "SF Union Square",
      "distance": "0.4 mi",
      "stock": "in"
    },
    {
      "name": "Hayes Valley",
      "distance": "1.2 mi",
      "stock": "low"
    },
    {
      "name": "Mission District",
      "distance": "2.8 mi",
      "stock": "out"
    }
  ]}
/>