{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "user-profile-card",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "dependencies": [
    "@iconify/react"
  ],
  "registryDependencies": [
    "card",
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/UserProfileCardCode.tsx",
      "content": "\"use client\";\r\nimport { Card } from \"@/components/ui/card\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { Icon } from \"@iconify/react\";\r\nimport Image from \"next/image\";\r\n\r\nconst UserProfileCards = () => {\r\n    return (\r\n        <Card className=\"p-0 flex flex-col items-center text-center\">\r\n            <div className=\"p-6 flex items-center gap-6 w-full\">\r\n                <Image\r\n                    src=\"/images/profile/user-7.jpg\"\r\n                    alt=\"Profile\"\r\n                    width={100}\r\n                    height={100}\r\n                    className=\"rounded-full\"\r\n                />\r\n                <div className=\"flex flex-col gap-3 items-start\">\r\n                    <div className=\"flex flex-col items-start\">\r\n                        <h3 className=\"mt-3 font-semibold text-lg\">Daniel Kristeen</h3>\r\n                        <p className=\"text-sm text-gray-500\">UIUX Designer</p>\r\n                    </div>\r\n                    <Button size={'sm'} variant={'lightprimary'} className=\"text-base\">\r\n                        + Follow\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"p-6 grid grid-cols-3 justify-around w-full\">\r\n                <div className=\"flex flex-col items-center\">\r\n                    <p className=\"font-bold text-2xl text-ld mb-0.5\">14</p>\r\n                    <p className=\"text-xs text-gray-500\">Photos</p>\r\n                </div>\r\n                <div className=\"flex flex-col items-center\">\r\n                    <p className=\"font-bold text-2xl text-ld mb-0.5\">54</p>\r\n                    <p className=\"text-xs text-gray-500\">Videos</p>\r\n                </div>\r\n                <div className=\"flex flex-col items-center\">\r\n                    <p className=\"font-bold text-2xl text-ld mb-0.5\">145</p>\r\n                    <p className=\"text-xs text-gray-500\">Tasks</p>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"w-full border-t\"></div>\r\n\r\n            <div className=\"p-6\">\r\n                <div className=\"text-sm text-gray-600 leading-relaxed\">\r\n                    Lorem ipsum dolor sit ametetur adipisicing elit, sed do eiusmod tempor incididunt adipisicing elit, sed do eiusmod tempor incididunLorem ipsum dolor sit ametetur adipisicing elit, sed do eiusmod tempor incididuntt\r\n                </div>\r\n\r\n                <div className=\"flex justify-center gap-6 py-4\">\r\n                    <Icon icon=\"mdi:web\" className=\"text-2xl text-gray-600 hover:text-black cursor-pointer\" />\r\n                    <Icon icon=\"mdi:twitter\" className=\"text-2xl text-gray-600 hover:text-sky-500 cursor-pointer\" />\r\n                    <Icon icon=\"mdi:facebook\" className=\"text-2xl text-gray-600 hover:text-blue-600 cursor-pointer\" />\r\n                </div>\r\n            </div>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default UserProfileCards;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/user-profile-card/UserProfileCardCode.tsx"
    }
  ]
}