Team 01
NewA grid of eight people with initials avatars, roles and a short line each; email and profile links appear on hover and focus, and always show on touch.
Installation
pnpm dlx shadcn@latest add https://kagadmodyaa.vercel.app/r/team-01.jsonNeeds a React + Tailwind project set up with shadcn. Copies the block's files into your project, along with the components it uses, so you can edit all of it.
Usage
This block is a section, not a page. Import it where you want it, alongside your other sections.
import { Team01 } from '@/components/team-01/team-01'
export default function Page() {
return (
<main>
<Team01 />
</main>
)
}Files
What the command adds to your project, and where.
components/team-01/team-01.tsxThe section. Import it into any page and render it; it fills the width of its parent.
Links, copy and the product name are placeholders; swap in your own. Where a block has a form, its submit handler is a stub for your own request.
More in Team
- Team 02A leadership list in large type: numbered rows with the name on one side and the role and a two-sentence bio on the other, swapping sides on alternate rows.
- Team 03A hiring section: a mosaic of initials tiles, then an open-roles list with team filter chips and a View role link on each row.
- Team 04A team directory with search, a department Select, a cards or list view toggle, sixteen people and an empty state.