{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "banners-03",
  "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": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "examples/blocks/marketing/banners/03/page.tsx",
      "content": "export default function Example() {\n  return (\n    <>\n      <div className=\"flex w-full flex-wrap items-center justify-between bg-gradient-to-r from-violet-500 to-purple-100 px-4 py-2 text-center text-sm font-medium text-white md:px-14\">\n        <p>Build Faster with Responsive Tailwind CSS Templates</p>\n        <a\n          href=\"https://prebuiltui.com\"\n          className=\"ml-3 flex items-center gap-1 rounded-lg bg-violet-50 px-3 py-1 text-violet-600 transition hover:bg-slate-100 active:scale-95\">\n          Explore now\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 14 14\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M2.91797 7H11.0846\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M7 2.9165L11.0833 6.99984L7 11.0832\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </a>\n      </div>\n\n      {/* fake content */}\n      <div className=\"h-60\"></div>\n    </>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/banners-03.tsx"
    }
  ],
  "meta": {
    "isPro": true
  }
}