About this block

Social Contact Grid presents six destination cards in a three-column grid: Email, LinkedIn, GitHub, X, Instagram, and Book a call. Each card names the channel, describes what lives there in a sentence, and shows the address or action handle at the foot. The calendar booking card, fifteen minutes to talk through a project before committing to a longer conversation, is the distinctive addition, it gives hesitant visitors a lower-stakes entry point than a full project enquiry.

Destinations are one typed array of six cards, each with a label, description, href, icon, and action string. The whole card is an anchor so the tap target is generous on mobile.

When to use

Reach for this block as an alternative to a form-based contact section, or as a supplementary reach-me section on a contact page below a form. The installer replaces the email address and social handles, removing any channel they do not maintain.

A natural flow around it on a Portfolio Pro page:

Before

• CTA sections
• About sections

After

• Footers

What you can display

One strong use is the multi-channel reach-me grid. Other contact grid uses:

• Fewer channels. Four cards for a practitioner who only maintains email, LinkedIn, GitHub, and a calendar.
• Community links. Adding a Discord or Dribbble card for a designer active in those spaces.
• Studio channels. Separate cards for new business, press, and team hiring.

Tip: write the description of each channel as what the visitor finds there, not what the channel is, LinkedIn is more useful described as where recommendations live than as a professional network.