{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "announcement-2",
  "title": "Product Update Card",
  "description": "Product update announcement card with a New badge and version label, feature headline, supporting detail, release date, and a link button.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "badge",
    "button",
    "card"
  ],
  "files": [
    {
      "path": "registry/blocks/announcement/2/announcement-block.tsx",
      "content": "import { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport { Card, CardContent, CardFooter, CardHeader } from \"@/components/ui/card\"\nimport { IconPlaceholder } from \"@/components/icons/icon-placeholder\"\n\nconst UPDATE = {\n  label: \"New\",\n  version: \"v2.5\",\n  headline: \"Acme Workflows just got a major upgrade\",\n  detail:\n    \"Parallel branching, conditional logic, and real-time run history are now generally available, with no feature flag required.\",\n  cta: \"See What's New\",\n  date: \"Released June 12, 2026\",\n  platform: \"Acme Platform\",\n}\n\nexport default function AnnouncementBlock() {\n  return (\n    <section className=\"flex w-full items-center justify-center bg-background px-6 py-12 text-foreground\">\n      <Card className=\"w-full max-w-md\">\n        <CardHeader className=\"pb-0\">\n          <div className=\"flex items-center gap-2\">\n            <Badge variant=\"default\">\n              <IconPlaceholder\n                lucide=\"Sparkles\"\n                tabler=\"IconSparkles\"\n                hugeicons=\"SparklesIcon\"\n                phosphor=\"Sparkle\"\n                remixicon=\"RiSparklingLine\"\n                data-icon=\"inline-start\"\n              />\n              {UPDATE.label}\n            </Badge>\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              {UPDATE.version}\n            </span>\n          </div>\n        </CardHeader>\n\n        <CardContent className=\"flex flex-col gap-3 pt-3\">\n          <h2 className=\"font-heading text-base leading-snug font-semibold text-foreground\">\n            {UPDATE.headline}\n          </h2>\n          <p className=\"text-xs/relaxed text-muted-foreground\">\n            {UPDATE.detail}\n          </p>\n        </CardContent>\n\n        <CardFooter className=\"flex items-center justify-between gap-4\">\n          <div className=\"flex min-w-0 flex-col\">\n            <span className=\"truncate text-xs text-muted-foreground\">\n              {UPDATE.date}\n            </span>\n            <span className=\"truncate text-xs font-medium text-foreground/80\">\n              {UPDATE.platform}\n            </span>\n          </div>\n          <Button size=\"sm\" render={<a href=\"#\" />} nativeButton={false}>\n            {UPDATE.cta}\n            <IconPlaceholder\n              lucide=\"ArrowRight\"\n              tabler=\"IconArrowRight\"\n              hugeicons=\"ArrowRightIcon\"\n              phosphor=\"ArrowRight\"\n              remixicon=\"RiArrowRightLine\"\n              data-icon=\"inline-end\"\n            />\n          </Button>\n        </CardFooter>\n      </Card>\n    </section>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "height": "322px",
    "tier": "free"
  },
  "docs": "Requires a `base-*` style in components.json (the `shadcn init` default). Legacy `new-york`/`radix-*` styles install Radix primitives, which reject the `render` prop this block uses.",
  "categories": [
    "announcement"
  ],
  "type": "registry:block"
}