{
  "name": "banner-05-block",
  "type": "registry:block",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "type": "registry:block",
      "content": "import React from \"react\";\n\nfunction Banner_05() {\n  return (\n    <div className=\"relative overflow-hidden rounded-lg bg-gradient-to-r from-yellow-500 to-orange-500\">\n      {/* Summer themed background patterns */}\n      <div className=\"absolute inset-0\">\n        <svg\n          className=\"absolute top-0 left-0 h-full w-full\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n        >\n          <circle cx=\"80%\" cy=\"60%\" r=\"100\" fill=\"white\" fillOpacity=\"0.1\" />\n          <circle cx=\"50%\" cy=\"20%\" r=\"40\" fill=\"white\" fillOpacity=\"0.1\" />\n          <path\n            d=\"M0 20 L40 0 L40 40 Z\"\n            fill=\"white\"\n            fillOpacity=\"0.1\"\n            transform=\"translate(20, 40)\"\n          />\n          <path\n            d=\"M0 20 L40 0 L40 40 Z\"\n            fill=\"white\"\n            fillOpacity=\"0.1\"\n            transform=\"translate(460, 140) rotate(180)\"\n          />\n        </svg>\n      </div>\n\n      <div className=\"relative z-10 px-6 py-8 md:px-10\">\n        <div className=\"mx-auto max-w-4xl\">\n          <div className=\"mb-2 flex items-center justify-center\">\n            <div className=\"bg-opacity-20 rounded-full bg-white px-4 py-1 text-sm font-medium tracking-wider text-black uppercase backdrop-blur-sm\">\n              Limited Time Offer\n            </div>\n          </div>\n\n          <h2 className=\"mb-3 text-center text-3xl font-extrabold tracking-wide text-white uppercase md:text-4xl lg:text-5xl\">\n            Summer Sale\n          </h2>\n\n          <div className=\"mb-4 flex justify-center\">\n            <div className=\"relative\">\n              <div className=\"text-center text-5xl font-bold text-white md:text-6xl\">\n                20% OFF\n              </div>\n              <div className=\"bg-opacity-20 absolute -top-1 -right-6 rotate-12 rounded-md border-2 border-green-600 bg-green-500 px-2 py-1 text-xs font-semibold text-white backdrop-blur-sm\">\n                EXCLUSIVE\n              </div>\n            </div>\n          </div>\n\n          <p className=\"text-opacity-90 mb-6 text-center text-lg text-white\">\n            Refresh your wardrobe with our latest summer collection. All items\n            included in this special seasonal promotion!\n          </p>\n\n          <div className=\"flex flex-col items-center justify-center space-y-3 sm:flex-row sm:space-y-0 sm:space-x-4\">\n            <button className=\"hover:bg-opacity-90 rounded-md bg-white px-6 py-3 font-medium text-orange-500 transition-all\">\n              Shop Summer Collection\n            </button>\n            <button className=\"border-opacity-40 hover:bg-opacity-10 rounded-md border border-white bg-transparent px-6 py-3 font-medium text-white transition-all hover:bg-white\">\n              View All Deals\n            </button>\n          </div>\n\n          <div className=\"text-opacity-80 mt-4 text-center text-sm text-white\">\n            * Offer valid until August 31st. Cannot be combined with other\n            promotions.\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Banner_05;\n",
      "path": "/components/commerce-ui/blocks/banners/banner-05.tsx",
      "target": "components/commerce-ui/banner-05.tsx"
    }
  ]
}