{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "greeting-banner",
  "type": "registry:component",
  "description": "A banner component with optional code display for UI blocks.",
  "dependencies": [
    "@iconify/react"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/banners/code/WelcomeCardCode.tsx",
      "content": "\"use client\"\r\nimport Image from \"next/image\"\r\nimport { Icon } from \"@iconify/react/dist/iconify.js\"\r\n\r\nconst WelcomeCard = () => {\r\n  return (\r\n    <div className=\"p-6 rounded-2xl bg-lightprimary dark:bg-lightprimary overflow-hidden relative\">\r\n      <div className=\"grid grid-cols-12\">\r\n        <div className=\"lg:col-span-7 md:col-span-7 sm:col-span-12 col-span-12\">\r\n          <div className=\"flex gap-3 items-center mb-9\">\r\n            <div className=\"rounded-full overflow-hidden\">\r\n              <Image\r\n                src=\"/images/profile/user-1.jpg\"\r\n                className=\"h-10 w-10\"\r\n                alt=\"user-image\"\r\n                width={40}\r\n                height={40}\r\n              />\r\n            </div>\r\n            <h5 className=\"text-lg lg:whitespace-nowrap font-semibold\">Welcome back Natalia!</h5>\r\n          </div>\r\n          <div className=\"flex gap-6 items-center\">\r\n            <div className=\"pe-6 rtl:pe-auto rtl:ps-6  border-e border-border border-opacity-20  dark:border-darkborder\">\r\n              <h3 className=\"flex items-start mb-0 text-3xl font-semibold\">\r\n                $2,340\r\n                <Icon icon=\"tabler:arrow-up-right\" className='text-base  text-success' />\r\n              </h3>\r\n              <p className=\"text-sm mt-1\">Today’s Sales</p>\r\n            </div>\r\n            <div className=\"\">\r\n              <h3 className=\"flex items-start mb-0 text-3xl font-semibold\">\r\n                35%\r\n                <Icon icon=\"tabler:arrow-up-right\" className='text-base  text-success' />\r\n              </h3>\r\n              <p className=\"text-sm mt-1\">Overall Performance</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"lg:col-span-5 md:col-span-5 sm:col-span-12 col-span-12\">\r\n          <div className=\"sm:absolute relative right-0 rtl:right-auto rtl:left-0 -bottom-8\">\r\n            <Image\r\n              src=\"/images/backgrounds/welcome-bg.svg\"\r\n              alt=\"background-image\"\r\n              className=\"w-full\"\r\n              width={271}\r\n              height={165}\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  )\r\n}\r\n\r\nexport default WelcomeCard",
      "type": "registry:component",
      "target": "components/tailwind-admin/blocks/welcome-card/WelcomeCardCode.tsx"
    }
  ]
}