Contact 52 - Book a call with photo and availability list

Pro

Split book-a-call section with a large portrait beside a plain list of upcoming open times grouped by day, with the confirm form opening inline.

Shadcn Contact 52 block

Component data

ID
contact52
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Contact 52 block design & features

The block pairs a large portrait of the person you'll be speaking to with a simple list of when they're free. The right column has a heading, a short personal note, the host's name and role, and the call length and format.

Below that, the next available days are listed one per row, starting from tomorrow and skipping weekends, with that day's open times written out in a line. A Show more days button adds three more days at a time.

Picking a time opens a small form directly under that day with name and email fields, a confirm button and a cancel link. Confirming replaces the form with a short booked message showing the full date and time.

On mobile the portrait sits above the list, and each day's times wrap underneath its label.