{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "content-6",
  "type": "registry:block",
  "title": "Content 6",
  "description": "Community section with a grid of contributor avatars.",
  "files": [
    {
      "path": "app/preview/content/six/page.tsx",
      "content": "import Link from 'next/link'\n\nexport default function CommunitySection() {\n    return (\n        <section className=\"py-16 md:py-32\">\n            <div className=\"mx-auto max-w-5xl px-6\">\n                <div className=\"text-center\">\n                    <h2 className=\"text-3xl font-semibold\">\n                        Built by the Community <br /> for the Community\n                    </h2>\n                    <p className=\"mt-6\">Thousands of developers ship with Lyra every day.</p>\n                </div>\n                <div className=\"mx-auto mt-12 flex max-w-lg flex-wrap justify-center gap-3\">\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/1.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/2.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/3.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/4.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/5.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/6.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/7.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/1.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/8.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/9.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                    <Link href=\"#\" title=\"Community member\" className=\"size-16 rounded-full border *:size-full *:rounded-full *:object-cover\">\n                        <img alt=\"Community member\" src=\"https://randomuser.me/api/portraits/men/10.jpg\" loading=\"lazy\" width={120} height={120} />\n                    </Link>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/content-6.tsx"
    }
  ]
}