Map Location Footer Block for React

No. It's an inline SVG of an invented street grid, drawn from the theme's own tokens so it follows light and dark, and captioned as an illustration. There is no tile service, no key and no network request. To use a real map, replace the figure's contents with your provider's embed, and keep the toggle if you like.

Choosing transit, car or bike swaps the directions sentence and redraws the dashed route on the map. The three sentences share one grid cell, so the footer does not change height. A screen-reader-only status line speaks the new directions when the choice changes, and stays silent on load. Edit WAYS to change the sentences and the routes: each route is an SVG path in the map's 480 by 360 box. Pressing the chosen item again keeps it chosen, so one way is always active.

The drawing is hidden from them: everything it shows is in the text beside it. The address is an address, the visiting hours use time elements, and the figure has a caption. The map never mirrors in a right-to-left layout, since streets do not flip.

No. Kinsale, Tanner Lane and Harlow Bridge are invented. Replace the address in the JSX and the days and times in the line under it.

The map comes first at a 3:2 shape (the drawing is cropped to fit, with the pin kept in view), a rule falls under it, and then come the brand, the links, the address and the choice. Nothing scrolls sideways at 320 pixels.