Contact 37 block design & features
The block centres a heading and description above a dotted world map drawn as SVG circles from the dotted-map package. Each office is marked with a ringed pin, and a soft halo plus a floating label highlights the active location.
Below the map sits a grid of address cards separated by hairline borders. Each card lists the city, country, a semantic address, an email link and a phone number, plus the current local time for that office, which updates every thirty seconds.
Hovering or focusing a card moves the highlight to its pin on the map, so visitors can connect each address to a place at a glance.
The cards collapse from four columns to two and then one on smaller screens, while the map scales fluidly and hides its floating labels on mobile.