{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stripecard",
  "dependencies": [
    "motion"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/card/stripe-card.tsx",
      "content": "import { ArrowBigDown, ArrowRight, ChevronRight, Heart } from 'lucide-react';\nimport Image from 'next/image';\nimport React, { useState } from 'react';\n\nfunction StripeCard() {\n  return (\n    <>\n      <div className='w-[90%]] h-[480px] group mx-auto dark:bg-[#252525] p-2 bg-white dark:border-0 border overflow-hidden rounded-md dark:text-white text-black '>\n        <figure className='w-full h-80 group-hover:h-72 transition-all duration-300 dark:bg-[#0a121a] bg-[#f0f5fa] p-2 rounded-md relative overflow-hidden'>\n          <div\n            style={{\n              background: 'linear-gradient(123.9deg, #0B65ED 1.52%, rgba(0, 0, 0, 0) 68.91%)',\n            }}\n            className='absolute top-0 left-0 w-full h-full  group-hover:opacity-100 opacity-0  transition-all duration-300'\n          ></div>\n          <Image\n            src={'/og.jpg'}\n            alt='shoes'\n            width={600}\n            height={600}\n            className='absolute -bottom-1 group-hover:-bottom-5 right-0 h-64 w-[80%] group-hover:border-4 border-4 group-hover:border-[#76aaf82d] rounded-lg object-cover transition-all duration-300'\n          />\n        </figure>\n        <article className='  p-4 space-y-2'>\n          <div className='h-8 w-20 bg-[#4393fc] rounded-md'></div>\n          <h1 className='text-xl font-semibold capitalize'>Incorporate your company</h1>\n          <p className='text-base leading-[120%]'>\n            Form a legal entity, issue stock, and start accepting payments.\n          </p>\n          <a\n            href='#'\n            className=' text-base dark:text-white text-blue-600 font-normal  group-hover:opacity-100 opacity-0 translate-y-2 group-hover:translate-y-0 pt-2 flex gap-1  transition-all duration-300  '\n          >\n            Learn about Atlas\n            <span>\n              <ChevronRight />\n            </span>\n          </a>\n        </article>\n      </div>\n    </>\n  );\n}\n\nexport default StripeCard;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}