{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "border-beam-demo",
  "title": "Border Beam Demo",
  "description": "Example showing an animated rotating gradient border.",
  "registryDependencies": [
    "https://pioneerui.com/r/border-beam"
  ],
  "files": [
    {
      "path": "registry/example/border-beam-demo.tsx",
      "content": "import { BorderBeamCard } from \"../pioneerui/border-beam\"\n\nexport default function BorderBeamDemo() {\n  return (\n    <div className=\"flex items-center justify-center p-8\">\n      <BorderBeamCard className=\"max-w-sm w-full\">\n        <h3 className=\"text-lg font-semibold text-foreground\">Border Beam</h3>\n        <p className=\"mt-2 text-sm text-muted-foreground\">\n          An animated rotating gradient border that brings attention to any card or container.\n        </p>\n        <div className=\"mt-4 flex gap-2\">\n          <button className=\"rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground\">\n            Get started\n          </button>\n          <button className=\"rounded-lg border px-3 py-1.5 text-sm font-medium text-foreground\">\n            Learn more\n          </button>\n        </div>\n      </BorderBeamCard>\n    </div>\n  )\n}\n",
      "type": "registry:example",
      "target": "components/border-beam-demo.tsx"
    }
  ],
  "type": "registry:example"
}