{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-6",
  "registryDependencies": [
    "@fulldev/button",
    "@fulldev/section",
    "@fulldev/separator"
  ],
  "files": [
    {
      "path": "src/components/blocks/features-6.astro",
      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  features: {\n    title: string\n    description: string\n  }[]\n}\n\nconst { class: className, title, description, buttons, features } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer>\n    <div class=\"flex max-w-2xl 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 class=\"text-muted-foreground text-base leading-relaxed text-balance\">\n        {description}\n      </p>\n      {\n        buttons?.length && (\n          <div class=\"mt-2 flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }, index) => (\n              <Button\n                as=\"a\"\n                href={href}\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  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-12 sm:grid-cols-2 lg:grid-cols-3\">\n      {\n        features.map((feature) => (\n          <div>\n            <Separator />\n            <div class=\"pt-6\">\n              <h3 class=\"text-foreground text-lg font-medium\">\n                {feature.title}\n              </h3>\n              <p class=\"text-muted-foreground mt-2 text-sm leading-relaxed\">\n                {feature.description}\n              </p>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}