{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gradient-border",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/card/gradient-border.tsx",
      "content": "// https://cruip-tutorials.vercel.app/cards-hover-effect/\nimport Image from 'next/image';\nimport React from 'react';\n\nfunction GradientBorder() {\n  return (\n    <>\n      <div className='w-full max-w-[422px] mx-auto [background:linear-gradient(45deg,#080b11,--theme(--color-slate-800)_50%,#172033)_padding-box,conic-gradient(from_var(--border-angle),--theme(--color-slate-600/.48)_80%,--theme(--color-indigo-500)_86%,--theme(--color-indigo-300)_90%,--theme(--color-indigo-500)_94%,--theme(--color-slate-600/.48))_border-box] rounded-2xl border border-transparent animate-border '>\n        <div className='relative text-center z-10 px-0 py-16 rounded-2xl  w-fit h-full mx-auto'>\n          <>\n            <Image\n              src={'/chat_zinhdw.webp'}\n              alt='grid'\n              width={600}\n              className='mx-auto w-[85%]'\n              height={600}\n            />\n            <h1 className='text-xl font-semibold tracking-tight text-white'>\n              Create Group Effortlessly\n            </h1>\n            <p className='text-base pt-2  text-neutral-300 capitalize'>\n              Seamless chats, crystal-clear videos, and <br />\n              premium audio quality\n            </p>\n          </>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport default GradientBorder;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}