{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feature5",
  "title": "Compact Two-Column Capabilities",
  "description": "Left-aligned headline followed by a compact two-column grid of capability rows. Each row leads with a Lucide icon.",
  "dependencies": [
    "clsx",
    "tailwind-merge",
    "lucide-react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/feature5/feature5.tsx",
      "content": "\"use client\";\n\nimport {\n  BarChart3,\n  Brain,\n  type LucideIcon,\n  RefreshCw,\n  Shield,\n  Users,\n  Zap,\n} from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\ninterface FeatureItem {\n  icon?: LucideIcon;\n  title: string;\n  description: string;\n}\n\ninterface Feature5Props {\n  heading?: string;\n  description?: string;\n  features?: FeatureItem[];\n  className?: string;\n}\n\nexport const feature5Demo: Feature5Props = {\n  heading: \"Why teams pick our platform\",\n  description:\n    \"Six capabilities you can rely on from the first day. Each row keeps the copy tight and the value plain.\",\n  features: [\n    {\n      icon: Zap,\n      title: \"Lightning fast performance\",\n      description:\n        \"Built on modern infrastructure for sub-second load times and seamless interactions across the product.\",\n    },\n    {\n      icon: Shield,\n      title: \"Enterprise security\",\n      description:\n        \"End-to-end encryption with SOC 2 alignment. Your data stays protected with the same standards banks use.\",\n    },\n    {\n      icon: RefreshCw,\n      title: \"Real-time sync\",\n      description:\n        \"Changes propagate instantly across every device. Teams stay aligned without manual refreshes or merge work.\",\n    },\n    {\n      icon: BarChart3,\n      title: \"Smart analytics\",\n      description:\n        \"Insights that surface what changed and why. Make decisions on signal, not gut feel or stale spreadsheets.\",\n    },\n    {\n      icon: Users,\n      title: \"Team collaboration\",\n      description:\n        \"Share, comment, and co-create without leaving the work. Permissioning stays out of the way until you need it.\",\n    },\n    {\n      icon: Brain,\n      title: \"AI-powered features\",\n      description:\n        \"Lean on AI for the routine — drafting, classifying, summarizing — so the team focuses on the calls that matter.\",\n    },\n  ],\n};\n\nexport function Feature5({\n  heading,\n  description,\n  features = [],\n  className,\n}: Feature5Props) {\n  return (\n    <section className={cn(\"py-16 md:py-24 w-full\", className)}>\n      <div className=\"mx-auto max-w-6xl px-4 md:px-6\">\n        <div className=\"mb-8 max-w-2xl\">\n          {heading && (\n            <h2 className=\"text-2xl font-semibold tracking-tight md:text-4xl\">\n              {heading}\n            </h2>\n          )}\n          {description && (\n            <p className=\"mt-2 text-base text-muted-foreground md:text-lg\">\n              {description}\n            </p>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-8 sm:grid-cols-2\">\n          {features.map((feature, index) => {\n            const Icon = feature.icon;\n            return (\n              <article key={index} className=\"flex flex-col gap-2\">\n                {Icon && <Icon className=\"size-6 text-foreground\" />}\n                <h3 className=\"text-base font-semibold md:text-lg\">\n                  {feature.title}\n                </h3>\n                <p className=\"max-w-md text-sm text-muted-foreground md:text-base\">\n                  {feature.description}\n                </p>\n              </article>\n            );\n          })}\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/beste/block/feature5.tsx"
    }
  ],
  "type": "registry:block"
}