Contact 23 block design & features
Contact23 is a store locator built with shadcn/ui. A header carries the headline, supporting copy, and a zip field with a search button. Under that, a two-column body places store cards on the left and a large map on the right. Each card shows the store name, a distance readout, address, phone, and hours with small icons, plus two actions for directions and calling.
Cards use clear borders; hover and selection lift the active row and nudge a chevron. The map panel tracks whichever card is active. On wide screens the map column stays pinned while the list scrolls, so the geographic context stays in view.
Retail-utility layout: repeating icon rows make hours and phone easy to scan at a glance. Distance text answers “how far” before someone opens directions. The split list and map is a familiar pattern with moderate information density.
On small screens the layout stacks and the sticky map behavior relaxes so the list leads the scroll.