Contact 24 - Global offices grid

Pro

A four-card grid of regional offices with map stills, gradient overlays, city typography, icon rows for address and contact lines, and full-width outline map links.

Shadcn Contact 24 block

Component Data

  • ID:contact24
  • Access:pro
  • Created:Feb 26, 2026
  • Type:block

Contact 24 block design & features

Contact24 is a regional office grid built with Shadcn UI. Cards sit in two columns with two rows. Each hero area is a map still with an overlay, a small uppercase region line, and a large city headline. Beneath that, stacked lines show address, phone, and mail with petite icons. A full-width outline control at the foot links outward to an external map view.

Corners stay rounded with imagery clipped flush to the top edge. Map stills scale slightly on hover. The wash darkens toward the bottom so the city line stays legible over busy tiles. Body copy keeps even icon alignment for a tidy administrative feel.

Corporate and travel-oriented: identical card geometry signals scale while the photography keeps each market distinct. There is no inline form, so the block is directory-first and image-driven rather than conversion-first.

The grid steps down to a single column on narrow widths so cards read as a vertical itinerary.