Team Grid

cardfrom Startup Bold

Live

AI Usage Rules

Circular avatars with hover effect. Show name, role, and social link.

Code Template

<section className="bg-[#1A1A3E] py-24"><div className="mx-auto max-w-7xl px-6"><h2 className="text-3xl font-bold text-white text-center">{title}</h2><div className="mt-16 grid grid-cols-2 gap-8 md:grid-cols-4">{members}</div></div></section>

Props Schema

Property	Type	Default	Description
title	string	—
members	array	—

View raw JSON schema

{
  "type": "object",
  "properties": {
    "title": {
      "type": "string"
    },
    "members": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "name": {
            "type": "string"
          },
          "role": {
            "type": "string"
          },
          "avatar": {
            "type": "string"
          },
          "social": {
            "type": "string"
          }
        }
      }
    }
  }
}