{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-5",
  "registryDependencies": [
    "@fulldev/button",
    "@fulldev/section",
    "@fulldev/icon"
  ],
  "files": [
    {
      "path": "src/components/blocks/cta-5.astro",
      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features?: string[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h2\n          class=\"text-foreground text-3xl leading-[1.1] font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p class=\"text-muted-foreground text-lg leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      {\n        features?.length && (\n          <ul class=\"flex flex-col gap-3\">\n            {features.map((feature) => (\n              <li class=\"flex items-center gap-3 text-sm\">\n                <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n                {feature}\n              </li>\n            ))}\n          </ul>\n        )\n      }\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }, index) => (\n              <Button\n                as=\"a\"\n                href={href}\n                size=\"lg\"\n                variant={\n                  button.variant ?? (index === 0 ? \"default\" : \"outline\")\n                }\n                {...button}\n              >\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-4/3 w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}