Contact Card Grid
Six reach channels laid out as linked cards in a three-column grid, each naming the platform, the handle, and what that channel is best for.
Six reach channels laid out as linked cards in a three-column grid, each naming the platform, the handle, and what that channel is best for.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Contact Card Grid lays out six reach channels in a two-to-three column card grid: email at avery@averystone.co for project enquiries, X and LinkedIn for professional presence, GitHub for open source and experiments, a Calendly link for a 30-minute intro call, and a location card for Lisbon, working remotely worldwide. Each card names the channel, the handle or address, and a short note on what it is good for.
Cards are one typed union array covering lucide icons and brand icons from ui/brand-icons. The per-card action note is the distinctive detail: it tells visitors which channel to use for what before they click.
Reach for this block as a standalone contact page or as an alternative to a form when you prefer visitors to pick their own channel. The installer swaps the email address, handles, calendar link, and location.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the personal multi-channel reach grid. Other card grid uses:
Tip: the action note on each card does the routing work; without it every card just says reach out.