About this block

Link In Bio is a mobile-first hub centered around a single person: an AveryStone avatar, the name, and a one-line context note, product designer and design systems lead, working remotely from Lisbon, followed by a vertical stack of full-width buttons covering Portfolio, Newsletter, GitHub, LinkedIn, X, Instagram, and Contact.

Links are one typed array where each item carries a label, href, optional icon, and a variant so the primary button (Portfolio) draws filled while everything else is outline. The compact max-w-sm container keeps every button reachable with one thumb.

When to use

Drop this on a standalone /links page and point the bio link in your social profiles at it. The installer swaps the avatar, the one-line description, and each href, and removes any platforms they are not on.

A natural flow around it on a Portfolio Pro page:

Before

• Navbar

After

• Footer

What you can display

One strong use is the link-in-bio landing. Other layouts:

• Creator hub. YouTube, Substack, Gumroad, Patreon replacing the social set.
• Studio contacts. Multiple team members each with their own link row.
• Seasonal redirect. One primary button that changes each launch (course, book, event).

Tip: keep the primary button to one destination only, the button that would make the visit worthwhile if a visitor tapped nothing else.