Store Locator 4 block design & features
A pickup location picker in a shadcn/ui Dialog. A title and close button sit at the top, with a grayscale street map on the left showing a labelled pin for each store and an accordion of stores on the right. The map and the accordion stay in sync.
Each accordion row shows the store name and address. Opening a row reveals the phone number as a link, the opening hours, a storefront photo and a Get Directions button. The first store is open by default and only one can be open at a time. The open store's pin label fills with the primary colour, and clicking any pin on the map opens that store in the accordion.
On mobile the map sits above the accordion and the dialog scrolls. The stores are a prop.