{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-4",
  "type": "registry:block",
  "title": "Features 4",
  "description": "Six-item feature grid with icons for platform capabilities.",
  "files": [
    {
      "path": "app/preview/features/four/page.tsx",
      "content": "import { Cpu, Fingerprint, Pencil, Settings2, Sparkles, Zap } from 'lucide-react'\n\nexport default function Features() {\n    return (\n        <section className=\"py-12 md:py-20\">\n            <div className=\"mx-auto max-w-5xl space-y-8 px-6 md:space-y-16\">\n                <div className=\"relative z-10 mx-auto max-w-xl space-y-6 text-center md:space-y-12\">\n                    <h2 className=\"text-balance text-4xl font-medium lg:text-5xl\">The foundation for creative teams management</h2>\n                    <p>Lyra is evolving to be more than just the models. It supports an entire ecosystem — from products to the APIs and platforms helping developers and businesses innovate.</p>\n                </div>\n\n                <div className=\"relative mx-auto grid max-w-4xl divide-x divide-y border *:p-12 sm:grid-cols-2 lg:grid-cols-3\">\n                    <div className=\"space-y-3\">\n                        <div className=\"flex items-center gap-2\">\n                            <Zap className=\"size-4\" />\n                            <h3 className=\"text-sm font-medium\">Faaast</h3>\n                        </div>\n                        <p className=\"text-sm\">It supports an entire helping developers and innovate.</p>\n                    </div>\n                    <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                            <Cpu className=\"size-4\" />\n                            <h3 className=\"text-sm font-medium\">Powerful</h3>\n                        </div>\n                        <p className=\"text-sm\">It supports an entire helping developers and businesses.</p>\n                    </div>\n                    <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                            <Fingerprint className=\"size-4\" />\n\n                            <h3 className=\"text-sm font-medium\">Security</h3>\n                        </div>\n                        <p className=\"text-sm\">It supports an helping developers businesses.</p>\n                    </div>\n                    <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                            <Pencil className=\"size-4\" />\n\n                            <h3 className=\"text-sm font-medium\">Customization</h3>\n                        </div>\n                        <p className=\"text-sm\">It supports helping developers and businesses innovate.</p>\n                    </div>\n                    <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                            <Settings2 className=\"size-4\" />\n\n                            <h3 className=\"text-sm font-medium\">Control</h3>\n                        </div>\n                        <p className=\"text-sm\">It supports helping developers and businesses innovate.</p>\n                    </div>\n                    <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                            <Sparkles className=\"size-4\" />\n\n                            <h3 className=\"text-sm font-medium\">Built for AI</h3>\n                        </div>\n                        <p className=\"text-sm\">It supports helping developers and businesses innovate.</p>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/features-4.tsx"
    }
  ]
}