{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-hover-reveal-full-demo",
  "title": "Card Hover Reveal Full Demo",
  "description": "Demo showing another usecase of Card Hover Reveal Component.",
  "registryDependencies": [
    "https://systaliko-ui.vercel.app/r/card-hover-reveal"
  ],
  "files": [
    {
      "path": "registry/demo/cards/card-hover-reveal-full/index.tsx",
      "content": "import { Button } from '@/components/systaliko-ui/shadcn/button';\nimport {\n  CardHoverReveal,\n  CardHoverRevealContent,\n  CardHoverRevealMain,\n} from '@/components/systaliko-ui/cards/card-hover-reveal';\nimport { ArrowUpRightIcon } from 'lucide-react';\n\nexport const CardHoverRevealFullDemo = () => (\n  <CardHoverReveal className=\"h-[512px] w-[385px]\">\n    <CardHoverRevealMain>\n      <img\n        alt=\"honda robot\"\n        src=\"https://images.unsplash.com/photo-1593376853899-fbb47a057fa0?q=80&w=715&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n        width={430}\n        height={603}\n        className=\"size-full object-cover\"\n      />\n    </CardHoverRevealMain>\n\n    <CardHoverRevealContent className=\"inset-0 bg-black/80 text-white p-0 flex flex-col justify-between\">\n      <div className=\"text-right\">\n        <Button size=\"icon\" className=\"rounded-none\">\n          <ArrowUpRightIcon />\n        </Button>\n      </div>\n\n      <div className=\"space-y-2 flex flex-col py-8 px-6 items-start\">\n        <h3 className=\" font-semibold text-2xl\">\n          ASIMO Advanced Step in Innovative Mobility\n        </h3>\n\n        <p className=\"text-muted text-sm\">\n          walk, run, and perform various tasks, showcasing advancements in\n          robotics. Honda retired ASIMO in 2018 to focus\n        </p>\n      </div>\n    </CardHoverRevealContent>\n  </CardHoverReveal>\n);\n",
      "type": "registry:ui",
      "target": "components/systaliko-ui/demo/cards/card-hover-reveal.tsx"
    }
  ],
  "type": "registry:ui"
}