Team 01

About this block

Team 01 is a team member grid that displays people cards with a circular profile photo, name, job title, and social media icon links. Built with shadcn/ui Card, Avatar, and Button components, it uses a responsive three-column grid on desktop that collapses to two columns on tablet and one column on mobile. Social links support Twitter, LinkedIn, and GitHub by default. Members are defined as a data array — adding or removing a person requires only a data change, not a JSX edit.

When to use it

• About pages for startups, agencies, or SaaS companies where humanizing the team supports conversion
• Investor or press pages where team credentials and professional profiles matter
• Products where the founding team's background is a trust signal for the target audience
• Any page where you want to show the people behind the product without a custom design

Notes

Use consistent photo dimensions and professional headshots for all team members. Mixed photo styles (casual vs formal, different backgrounds) make the section look unpolished.

Frequently asked questions

Which social platforms are supported by default?

Twitter, LinkedIn, and GitHub — additional platforms can be added by extending the social link data.

How do I add or remove a team member?

Edit the members data array — no JSX changes needed.

How many columns does the grid use?

Three on desktop, two on tablet, one on mobile.