{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "promotional-02",
  "type": "registry:component",
  "title": "Promotional",
  "author": "Toby Belhome",
  "description": "Highlight special offers, product launches, or key campaigns with Tailwind CSS promotional sections. These layouts combine bold visuals, concise messaging, and strong calls-to-action to capture attention and drive conversions. Perfect for marketing campaigns, landing pages, and SaaS platforms looking for high-impact, conversion-focused promotion.",
  "dependencies": [],
  "registryDependencies": [
    "badge",
    "button"
  ],
  "files": [
    {
      "path": "examples/blocks/marketing/promotional/02/page.tsx",
      "content": "import { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\n\nexport default function PromotionalCard() {\n  return (\n    <section className=\"py-12 lg:py-20\">\n      <div className=\"bg-muted/50 mx-auto max-w-2xl rounded-md p-8\">\n        <div className=\"space-y-2\">\n          <Badge variant=\"outline\" className=\"text-blue-600\">\n            Download Now!\n          </Badge>\n          <h4 className=\"font-heading text-3xl\">Download our mobile app.</h4>\n          <p className=\"text-muted-foreground text-base\">\n            Mobile banking app for IOS & Android to manage your online money.\n          </p>\n        </div>\n        <div className=\"mt-6 flex gap-4\">\n          <Button className=\"h-auto\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              fill=\"currentColor\"\n              className=\"size-7 shrink-0\"\n              viewBox=\"0 0 16 16\">\n              <path d=\"M14.222 9.374c1.037-.61 1.037-2.137 0-2.748L11.528 5.04 8.32 8l3.207 2.96zm-3.595 2.116L7.583 8.68 1.03 14.73c.201 1.029 1.36 1.61 2.303 1.055zM1 13.396V2.603L6.846 8zM1.03 1.27l6.553 6.05 3.044-2.81L3.333.215C2.39-.341 1.231.24 1.03 1.27\" />\n            </svg>\n            <div className=\"ms-1 flex flex-col text-start\">\n              <span className=\"block text-xs font-light\">Get in on</span>\n              <span className=\"block font-medium\">Google Play</span>\n            </div>\n          </Button>\n          <Button className=\"h-auto\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              fill=\"currentColor\"\n              className=\"size-8 shrink-0\"\n              viewBox=\"0 0 16 16\">\n              <path d=\"M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516s1.52.087 2.475-1.258.762-2.391.728-2.43m3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789 1.698-2.854-.597-.79-1.254-1.157a3.7 3.7 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56s.625 1.924 1.273 2.796c.576.984 1.34 1.667 1.659 1.899s1.219.386 1.843.067c.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758q.52-1.185.473-1.282\" />\n              <path d=\"M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516s1.52.087 2.475-1.258.762-2.391.728-2.43m3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789 1.698-2.854-.597-.79-1.254-1.157a3.7 3.7 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56s.625 1.924 1.273 2.796c.576.984 1.34 1.667 1.659 1.899s1.219.386 1.843.067c.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758q.52-1.185.473-1.282\" />\n            </svg>\n            <div className=\"ms-1 flex flex-col text-start\">\n              <span className=\"block text-xs font-light\">Download from</span>\n              <span className=\"block font-medium\">App Store</span>\n            </div>\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/promotional-02.tsx"
    }
  ],
  "meta": {
    "isPro": true
  }
}