{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pricing-with-images",
  "type": "registry:component",
  "title": "Pricing With Images",
  "description": "Pricing With Images",
  "files": [
    {
      "path": "registry/ui-basic/PricingWithImages.tsx",
      "content": "import React from \"react\";\n\nexport default function PricingGemEmerald() {\n\treturn (\n\t\t<>\n\t\t\t{/*<!-- Component: Gem Pricing Table Emerald Variation --> */}\n\t\t\t<div className=\"relative max-w-sm mx-auto mt-20 text-center bg-white rounded shadow-lg shadow-slate-20 lg:max-md-full group text-slate-500\">\n\t\t\t\t<img\n\t\t\t\t\tsrc=\"/itjustworks\"\n\t\t\t\t\talt=\"emerald\"\n\t\t\t\t\tclassName=\"absolute left-1/2 block w-32 -translate-x-1/2 -translate-y-1/2 drop-shadow-[0_16px_16px_#84cc1650] transition-transform duration-700 group-hover:-translate-y-2/3\"\n\t\t\t\t/>\n\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t<header className=\"flex flex-col gap-6 p-6 pt-28 text-slate-400\">\n\t\t\t\t\t\t<h3 className=\"text-xl font-medium uppercase text-emerald-500\">\n\t\t\t\t\t\t\tEmerald\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t</header>\n\t\t\t\t\t<div className=\"w-3 h-3 mx-auto rounded-full bg-emerald-500\"></div>\n\t\t\t\t\t<div className=\"p-6\">\n\t\t\t\t\t\t<ul className=\"space-y-4\">\n\t\t\t\t\t\t\t<li className=\"w-full gap-2\">1 public project</li>\n\t\t\t\t\t\t\t<li className=\"w-full gap-2\">public working space</li>\n\t\t\t\t\t\t\t<li className=\"w-full gap-2\">unlimited pages</li>\n\t\t\t\t\t\t\t<li className=\"w-full gap-2\">5 revisions</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>\n\t\t\t\t\t<footer>\n\t\t\t\t\t\t<button className=\"inline-flex items-center justify-center h-12 gap-2 px-6 text-sm font-medium tracking-wide text-white transition duration-300 translate-y-1/2 rounded shadow-xl whitespace-nowrap bg-emerald-500 shadow-emerald-100 hover:bg-emerald-600 focus:bg-emerald-700 focus-visible:outline-hidden\">\n\t\t\t\t\t\t\t<span>Start now</span>- <span>$0</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</footer>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{/*<!-- End Gem Pricing Table Emerald Variation --> */}\n\t\t</>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}