{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "banners-01",
  "type": "registry:component",
  "title": "Banners",
  "author": "Toby Belhome",
  "description": "Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. These layouts combine bold visuals, concise copy, and strategic calls-to-action to capture attention. Perfect for marketing campaigns, landing pages, and SaaS platforms seeking a modern, high-impact, and conversion-focused presentation.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "examples/blocks/marketing/banners/01/page.tsx",
      "content": "import { XIcon } from \"lucide-react\";\n\nexport default function Banner() {\n  return (\n    <>\n      <div className=\"w-full bg-gradient-to-r from-[#4F39F6] to-[#FDFEFF] py-2.5 text-center text-sm font-medium text-white\">\n        <p>\n          <span className=\"mr-2 rounded-md bg-white px-3 py-1 text-indigo-600\">Launch offer</span>\n          Try prebuiltui today and get $50 free credits\n        </p>\n      </div>\n\n      {/* fake content */}\n      <div className=\"h-60\"></div>\n    </>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/banners-01.tsx"
    }
  ],
  "meta": {
    "isPro": true
  }
}