Store Locator 2 block design & features
A store locator built with shadcn/ui Card, Input, Badge and Scroll Area. A heading and a search bar with a Near Me button sit above a two column layout, with a grayscale street map on the left and a list of nearby stores on the right.
Each store has a labelled pin on the map. The list shows each store's name, open or closed badge, address and distance. Typing in the search bar filters the list.
Clicking a store in the list or its pin on the map highlights the pin and swaps the list for a detail panel with a store photo, address, opening hours, amenities, a Book Appointment button and buttons for directions and calling. A close button returns to the list. On mobile the map sits above the list. The stores and map image are props.