import { GlowCard, GlowCardGrid } from "@/components/glow-card-grid"
 
export 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.ramspace.my.id/avatars/x/shadcn.webp",
  },
  {
    name: "Evil Rabbit",
    handle: "@evilrabbit_",
    avatar: "https://assets.ramspace.my.id/avatars/x/evilrabbit_.webp",
  },
  {
    name: "OrcDev",
    handle: "@orcdev",
    avatar: "https://assets.ramspace.my.id/avatars/x/orcdev.webp",
  },
  {
    name: "David Haz",
    handle: "@davidhaz",
    avatar: "https://assets.ramspace.my.id/avatars/x/davidhaz.webp",
  },
  {
    name: "Shu",
    handle: "@shuding",
    avatar: "https://assets.ramspace.my.id/avatars/x/shuding.webp",
  },
  {
    name: "Emil Kowalski",
    handle: "@emilkowalski",
    avatar: "https://assets.ramspace.my.id/avatars/x/emilkowalski.webp",
  },
  {
    name: "Aaron",
    handle: "@aaronmahlke",
    avatar: "https://assets.ramspace.my.id/avatars/x/aaronmahlke.webp",
  },
  {
    name: "Aaramsy",
    handle: "@iamaaramsy",
    avatar: "https://assets.ramspace.my.id/avatars/x/iamaaramsy.webp",
  },
]