1 2 3 4 5

Our Utrecht shop is closed for refurbishment until 14 September. Orders for collection there have been moved to Delft — we have emailed everyone affected.

">

The prompt

Build a store locator with Tailwind CSS in two panes. The left pane has a search row with a location field carrying a pin glyph and a "Use my location" button, three filter chips for open now, click and collect, and repairs, and then five result cards: each with the shop name, a distance in monospace on the right, a two-line address, an open or closed pill with today hours, and a row of two small text links for directions and calling. The right pane is a stylised map placeholder built from a tinted grid with five numbered markers positioned absolutely and one highlighted larger in dark. Below the panes, a bordered strip about a shop that is temporarily closed, with a glyph and a date. Then add JavaScript that links list and map — hovering a card enlarges its marker, clicking selects both, and the selected card gains a neutral-900 ring.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .