# Team 01

> A team section with glowing cards.

A shadcn/ui block from the [@ncdai](https://chanhdai.com/components) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/ncdai/team-01).

- Page, with a live preview: https://shadcn.exchange/r/ncdai/team-01
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/ncdai/team-01-light-c3bcbf648e4643ce.png
- Registry item: https://chanhdai.com/r/team-01.json
- Categories: marketing
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://chanhdai.com/r/team-01.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `https://chanhdai.com/r/glow-card-grid.json`

## Files

### `src/registry/blocks/team-01/team-01.tsx`

```tsx
import { GlowCard, GlowCardGrid } from "@/registry/components/glow-card-grid"

export default function Team01() {
  return (
    <div className="container px-4 py-8">
      <GlowCardGrid className="lg:grid-cols-4">
        {CARDS.map((card) => (
          <GlowCard
            key={card.name}
            name={card.name}
            handle={card.handle}
            avatar={card.avatar}
          />
        ))}
      </GlowCardGrid>
    </div>
  )
}

// Demo avatars only. Replace them with your own URLs.
const CARDS = [
  {
    name: "shadcn",
    handle: "@shadcn",
    avatar: "https://assets.chanhdai.com/avatars/x/shadcn.webp",
  },
  {
    name: "Evil Rabbit",
    handle: "@evilrabbit_",
    avatar: "https://assets.chanhdai.com/avatars/x/evilrabbit_.webp",
  },
  {
    name: "OrcDev",
    handle: "@orcdev",
    avatar: "https://assets.chanhdai.com/avatars/x/orcdev.webp",
  },
  {
    name: "David Haz",
    handle: "@davidhaz",
    avatar: "https://assets.chanhdai.com/avatars/x/davidhaz.webp",
  },
  {
    name: "Shu",
    handle: "@shuding",
    avatar: "https://assets.chanhdai.com/avatars/x/shuding.webp",
  },
  {
    name: "Emil Kowalski",
    handle: "@emilkowalski",
    avatar: "https://assets.chanhdai.com/avatars/x/emilkowalski.webp",
  },
  {
    name: "Aaron",
    handle: "@aaronmahlke",
    avatar: "https://assets.chanhdai.com/avatars/x/aaronmahlke.webp",
  },
  {
    name: "Chánh Đại",
    handle: "@iamncdai",
    avatar: "https://assets.chanhdai.com/avatars/x/iamncdai.webp",
  },
]
```