{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "social-card",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/SocialCardCode.tsx",
      "content": "import { Card } from \"@/components/ui/card\"\r\nimport Image from \"next/image\"\r\n\r\nconst SocialCards = () => {\r\n    return (\r\n        <Card className=\"p-0 overflow-hidden\">\r\n            <div className=\"relative\">\r\n                <Image src={\"/images/backgrounds/profile-bg.png\"} alt=\"profile-bg\" width={359} height={170} className=\"w-full h-[170px]\" />\r\n                <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\">\r\n                    <div className=\"flex flex-col gap-2 items-center \">\r\n                        <Image src={\"/images/profile/user-5.jpg\"} alt=\"profile-img\" width={100} height={100} className=\"rounded-full\" />\r\n                        <p className=\"text-white font-semibold\">John doe</p>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <div className=\"grid grid-cols-3 text-center mt-4\">\r\n                <div className=\"p-4\">\r\n                    <h3 className=\"font-bold text-lg\">12K</h3>\r\n                    <p className=\"text-xs text-gray-500\">Followers</p>\r\n                </div>\r\n                <div className=\"p-4\">\r\n                    <h3 className=\"font-bold text-lg\">420</h3>\r\n                    <p className=\"text-xs text-gray-500\">Following</p>\r\n                </div>\r\n                <div className=\"p-4\">\r\n                    <h3 className=\"font-bold text-lg\">128</h3>\r\n                    <p className=\"text-xs text-gray-500\">Tweets</p>\r\n                </div>\r\n            </div>\r\n        </Card>\r\n    )\r\n}\r\n\r\nexport default SocialCards\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/social-card/SocialCardCode.tsx"
    }
  ]
}