{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "content-5",
  "type": "registry:block",
  "title": "Content 5",
  "description": "Content section with a screenshot and a grid of highlights.",
  "files": [
    {
      "path": "app/preview/content/five/page.tsx",
      "content": "import { Cpu, Lock, Sparkles, Zap } from 'lucide-react'\n\nexport default function ContentSection() {\n    return (\n        <section className=\"py-16 md:py-32\">\n            <div className=\"mx-auto max-w-5xl space-y-8 px-6 md:space-y-12\">\n                <div className=\"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 Lyra ecosystem brings together our models, products and platforms.</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                <img className=\"rounded-(--radius) grayscale\" src=\"https://images.unsplash.com/photo-1616587226960-4a03badbe8bf?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"team image\" height=\"\" width=\"\" loading=\"lazy\" />\n\n                <div className=\"relative mx-auto grid grid-cols-2 gap-x-3 gap-y-6 sm:gap-8 lg:grid-cols-4\">\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-muted-foreground 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-muted-foreground 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                            <Lock className=\"size-4\" />\n                            <h3 className=\"text-sm font-medium\">Security</h3>\n                        </div>\n                        <p className=\"text-muted-foreground text-sm\">It supports an helping developers 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\">AI Powered</h3>\n                        </div>\n                        <p className=\"text-muted-foreground text-sm\">It supports an helping developers businesses innovate.</p>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/content-5.tsx"
    }
  ]
}