{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stats-2",
  "type": "registry:block",
  "title": "Stats 2",
  "description": "Statistics in a bordered three-column grid.",
  "files": [
    {
      "path": "app/preview/stats/two/page.tsx",
      "content": "export default function StatsSection() {\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\">\n                    <h2 className=\"text-4xl font-semibold lg:text-5xl\">Lyra in numbers</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=\"grid gap-0.5 *:text-center md:grid-cols-3 dark:[--color-muted:var(--color-zinc-900)]\">\n                    <div className=\"bg-muted rounded-(--radius) space-y-4 py-12\">\n                        <div className=\"text-5xl font-bold\">+1200</div>\n                        <p>Stars on GitHub</p>\n                    </div>\n                    <div className=\"bg-muted rounded-(--radius) space-y-4 py-12\">\n                        <div className=\"text-5xl font-bold\">56%</div>\n                        <p>Conversion rate</p>\n                    </div>\n                    <div className=\"bg-muted rounded-(--radius) space-y-4 py-12\">\n                        <div className=\"text-5xl font-bold\">+500</div>\n                        <p>Powered Apps</p>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/stats-2.tsx"
    }
  ]
}