{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-3",
  "registryDependencies": [
    "@fulldev/section"
  ],
  "files": [
    {
      "path": "src/components/blocks/features-3.astro",
      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features: {\n    title: string\n    description: string\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n  }[]\n}\n\nconst { class: className, title, description, features } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center 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-2xl text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-6 sm:grid-cols-2\">\n      {\n        features.map((feature) => (\n          <div class=\"group/feature hover:bg-muted/40 flex items-center gap-5 rounded-xl border p-4 transition-colors\">\n            <Image\n              src={feature.image.src}\n              alt={feature.image.alt}\n              class=\"size-20 shrink-0 rounded-lg object-cover\"\n              widths={[160, 320]}\n              sizes=\"80px\"\n            />\n            <div class=\"flex flex-col gap-1.5\">\n              <h3 class=\"text-foreground text-base font-medium\">\n                {feature.title}\n              </h3>\n              <p class=\"text-muted-foreground 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"
}