{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-25",
  "type": "registry:component",
  "title": "Card 25",
  "description": "Card component",
  "dependencies": [
    "@unpic/react"
  ],
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/components/cards/card-25.tsx",
      "content": "import { Image } from \"@unpic/react\";\r\nimport {\r\n\tCard,\r\n\tCardDescription,\r\n\tCardFooter,\r\n\tCardHeader,\r\n\tCardTitle,\r\n} from \"@/components/ui/card\";\r\nimport { Button } from \"../ui/button\";\r\nimport { Placeholder } from \"./placeholder\";\r\n\r\nexport const Card_25 = () => {\r\n\treturn (\r\n\t\t<Card className=\"group relative overflow-hidden p-0\">\r\n\t\t\t<div className=\"relative h-full border bg-muted rounded-lg aspect-square\">\r\n\t\t\t\t<Image\r\n\t\t\t\t\tlayout=\"fullWidth\"\r\n\t\t\t\t\tclassName=\"object-fill max-h-full w-full absolute z-0 rounded-lg scale-x-[0.95] scale-y-[0.95] group-hover:scale-100 transition-all duration-200\"\r\n\t\t\t\t\tsrc=\"https://images.unsplash.com/photo-1572196223922-d8b7e0ab0b4d?w=1200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTd8fGFjY2Vzc29yeXxlbnwwfDF8MHx8fDI%3D\"\r\n\t\t\t\t\talt=\"...\"\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"py-4 opacity-0 translate-y-10 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-200 z-20 isolate bg-card/80 backdrop-blur-sm absolute bottom-0 left-0 right-0 flex flex-col gap-4\">\r\n\t\t\t\t<CardHeader>\r\n\t\t\t\t\t<CardTitle>{Placeholder.title}</CardTitle>\r\n\t\t\t\t\t<CardDescription>{Placeholder.description}</CardDescription>\r\n\t\t\t\t</CardHeader>\r\n\t\t\t\t<CardFooter>\r\n\t\t\t\t\t<Button className=\"w-full\">Learn more</Button>\r\n\t\t\t\t</CardFooter>\r\n\t\t\t</div>\r\n\t\t</Card>\r\n\t);\r\n};\r\n",
      "type": "registry:component"
    }
  ]
}