{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "content-5",
  "registryDependencies": [
    "@fulldev/button",
    "@fulldev/section",
    "@fulldev/icon"
  ],
  "files": [
    {
      "path": "src/components/blocks/content-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 { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  eyebrow?: 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  eyebrow,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer>\n    <div\n      class=\"bg-muted/40 grid overflow-hidden rounded-xl border lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]\"\n    >\n      <div class=\"flex flex-col justify-between gap-10 p-6 sm:p-8 lg:p-10\">\n        <div class=\"flex flex-col gap-5\">\n          {\n            eyebrow && (\n              <p class=\"text-primary text-sm leading-none font-medium\">\n                {eyebrow}\n              </p>\n            )\n          }\n          <div class=\"flex flex-col gap-4\">\n            <h2\n              class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n            >\n              {title}\n            </h2>\n            <p\n              class=\"text-muted-foreground max-w-xl text-lg leading-relaxed text-balance\"\n            >\n              {description}\n            </p>\n          </div>\n        </div>\n        {\n          features?.length && (\n            <ol class=\"grid gap-3\">\n              {features.map((feature, index) => (\n                <li class=\"flex items-start gap-3 text-sm leading-6\">\n                  <span class=\"bg-background text-foreground flex size-7 shrink-0 items-center justify-center rounded-full border text-xs font-medium\">\n                    {index + 1}\n                  </span>\n                  {feature}\n                </li>\n              ))}\n            </ol>\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\" : \"secondary\")\n                  }\n                  {...button}\n                >\n                  {label}\n                </Button>\n              ))}\n            </div>\n          )\n        }\n      </div>\n      <div\n        class=\"bg-background relative min-h-72 overflow-hidden border-t lg:border-t-0 lg:border-l\"\n      >\n        <div\n          class=\"bg-primary/8 absolute inset-x-8 top-8 h-24 rounded-full blur-3xl\"\n        >\n        </div>\n        <Image\n          src={image.src}\n          alt={image.alt}\n          class=\"relative h-full min-h-72 w-full object-cover lg:translate-x-6 lg:scale-105\"\n          widths={[640, 960, 1280]}\n          sizes=\"(min-width: 1024px) 55vw, 100vw\"\n        />\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}