{
  "name": "banner-03-block",
  "type": "registry:block",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "type": "registry:block",
      "content": "import React from \"react\";\n\nfunction Banner_03() {\n  return (\n    <div className=\"relative flex flex-col overflow-hidden rounded-xl bg-gradient-to-br from-gray-900 to-gray-800 p-6 text-white shadow-xl md:flex-row md:items-center md:justify-between\">\n      {/* Pattern overlay */}\n      <div className=\"absolute inset-0 opacity-10\">\n        <svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n          <defs>\n            <pattern\n              id=\"grid\"\n              width=\"20\"\n              height=\"20\"\n              patternUnits=\"userSpaceOnUse\"\n            >\n              <path\n                d=\"M 20 0 L 0 0 0 20\"\n                fill=\"none\"\n                stroke=\"white\"\n                strokeWidth=\"1\"\n              />\n            </pattern>\n          </defs>\n          <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" />\n        </svg>\n      </div>\n\n      {/* Content */}\n      <div className=\"z-10 space-y-3 md:w-3/5\">\n        <div className=\"inline-block rounded-lg bg-blue-500 px-3 py-1 text-xs font-semibold tracking-wider text-white uppercase\">\n          New in Stock\n        </div>\n        <h2 className=\"text-3xl leading-tight font-bold tracking-tight md:text-4xl lg:text-5xl\">\n          SoundWave Pro X7 <span className=\"text-blue-400\">Headphones</span>\n        </h2>\n        <p className=\"max-w-xl text-sm text-gray-300 md:text-base\">\n          Experience unrivaled sound quality with our premium noise-cancelling\n          headphones. Featuring 40-hour battery life and high-resolution audio\n          for the ultimate listening experience.\n        </p>\n        <div className=\"flex flex-wrap gap-3 pt-2\">\n          <button className=\"rounded-md bg-blue-500 px-6 py-2 font-medium transition-all hover:bg-blue-600\">\n            Shop Now\n          </button>\n          <button className=\"rounded-md border border-white/30 bg-transparent px-6 py-2 font-medium transition-all hover:bg-white/10\">\n            View Specs\n          </button>\n        </div>\n      </div>\n\n      {/* Image */}\n      <div className=\"relative z-10 mt-6 h-60 w-full md:mt-0 md:h-80 md:w-2/5\">\n        <div className=\"absolute -top-4 -right-4 h-60 w-60 rounded-full bg-blue-500/30 blur-xl\"></div>\n        <div className=\"relative h-full w-full\">\n          <img\n            src=\"https://placehold.co/400x400/0077ff/ffffff?text=SoundWave+Pro+X7\"\n            alt=\"SoundWave Pro X7 Headphones\"\n            className=\"drop-shadow-2xl\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Banner_03;\n",
      "path": "/components/commerce-ui/blocks/banners/banner-03.tsx",
      "target": "components/commerce-ui/banner-03.tsx"
    }
  ]
}