{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "security-card",
  "title": "Security Card",
  "description": "A sleek security card component with 3D shield visualization.",
  "files": [
    {
      "path": "packages/security-card/security-card.tsx",
      "content": "\"use client\";\r\n\r\nexport default function SecurityCard() {\r\n  return (\r\n    <div className=\"bg-white flex items-center justify-center select-none rounded-lg\">\r\n      <div className=\"relative w-full max-w-[360px] bg-[#F7F9FF] rounded-lg border border-blue-100/80 shadow-[0_24px_48px_-12px_rgba(37,99,235,0.1)] overflow-hidden\">\r\n        <div\r\n          className=\"absolute inset-0 h-[70%] z-0 pointer-events-none\"\r\n          style={{\r\n            maskImage:\r\n              \"linear-gradient(to bottom, black 40%, transparent 100%)\",\r\n            WebkitMaskImage:\r\n              \"linear-gradient(to bottom, black 40%, transparent 100%)\",\r\n          }}\r\n        >\r\n          <div\r\n            className=\"absolute inset-0\"\r\n            style={{\r\n              backgroundImage: `\r\n                linear-gradient(to right, rgba(200,214,255,0.4) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(200,214,255,0.4) 1px, transparent 1px)\r\n              `,\r\n              backgroundSize: \"36px 36px\",\r\n            }}\r\n          />\r\n\r\n          {[\r\n            \"top-0 right-0 w-[144px] h-[36px]\",\r\n            \"top-[36px] right-0 w-[72px] h-[36px]\",\r\n            \"top-[36px] right-[108px] w-[36px] h-[36px]\",\r\n            \"top-0 left-[36px] w-[36px] h-[36px]\",\r\n            \"top-[108px] left-0 w-[36px] h-[36px]\",\r\n            \"top-[72px] right-[36px] w-[36px] h-[36px]\",\r\n            \"top-[144px] right-0 w-[36px] h-[36px]\",\r\n          ].map((positionClasses, index) => (\r\n            <div\r\n              key={index}\r\n              className={`absolute ${positionClasses}`}\r\n              style={{\r\n                backgroundImage:\r\n                  \"repeating-linear-gradient(45deg, rgba(37, 99, 235, 0.08) 0, rgba(37, 99, 235, 0.08) 1px, transparent 0, transparent 6px)\",\r\n              }}\r\n            />\r\n          ))}\r\n        </div>\r\n\r\n        <div className=\"relative z-10 flex flex-col items-center pt-16 pb-10 px-8 h-full\">\r\n          <div className=\"relative w-44 h-44 flex items-center justify-center mb-10\">\r\n            <div className=\"absolute w-24 h-24 bg-blue-700 rounded-full blur-[50px] opacity-90 translate-y-2\"></div>\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              className=\"absolute w-full h-full text-blue-200 fill-blue-100 drop-shadow-sm transform scale-105 translate-y-1\"\r\n            >\r\n              <path\r\n                d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\r\n                stroke=\"currentColor\"\r\n                strokeWidth=\"0\"\r\n              />\r\n            </svg>\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              className=\"absolute w-[82%] h-[82%] drop-shadow-xl\"\r\n            >\r\n              <defs>\r\n                <linearGradient\r\n                  id=\"shieldGradient\"\r\n                  x1=\"0%\"\r\n                  y1=\"0%\"\r\n                  x2=\"0%\"\r\n                  y2=\"100%\"\r\n                >\r\n                  <stop\r\n                    offset=\"0%\"\r\n                    style={{ stopColor: \"#3B82F6\", stopOpacity: 1 }}\r\n                  />\r\n                  <stop\r\n                    offset=\"100%\"\r\n                    style={{ stopColor: \"#1D4ED8\", stopOpacity: 1 }}\r\n                  />\r\n                </linearGradient>\r\n              </defs>\r\n              <path\r\n                d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\r\n                fill=\"url(#shieldGradient)\"\r\n                stroke=\"#60A5FA\"\r\n                strokeWidth=\"0.5\"\r\n              />\r\n            </svg>\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              className=\"absolute w-[82%] h-[82%] opacity-40 pointer-events-none\"\r\n            >\r\n              <path d=\"M12 5l-8-3-8 3v4c0 0 2-1 8-1s8 1 8 1V5z\" fill=\"white\" />\r\n            </svg>\r\n          </div>\r\n\r\n          <div className=\"w-full text-left mt-4\">\r\n            <h3 className=\"text-[#2563EB] font-semibold text-xl tracking-tight mb-3\">\r\n              Security\r\n            </h3>\r\n            <p className=\"text-gray-700 text-lg leading-[1.6] font-medium opacity-90\">\r\n              This is a placeholder sentence intended to occupy space until the\r\n              final text is available.\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n",
      "type": "registry:component",
      "target": "components/satori-ui/security-card.tsx"
    }
  ],
  "type": "registry:component"
}