{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stats-4",
  "type": "registry:block",
  "title": "Stats 4",
  "description": "Stats beside a testimonial quote and a company logo.",
  "files": [
    {
      "path": "app/preview/stats/four/page.tsx",
      "content": "export default function StatsSection() {\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=\"relative z-10 max-w-xl space-y-6\">\n                    <h2 className=\"text-4xl font-medium lg:text-5xl\">The Lyra ecosystem brings together our models.</h2>\n                    <p>\n                        Lyra is evolving to be more than just the models. <span className=\"font-medium\">It supports an entire ecosystem</span> — from products innovate.\n                    </p>\n                </div>\n                <div className=\"grid gap-6 sm:grid-cols-2 md:gap-12 lg:gap-24\">\n                    <div>\n                        <p>It supports an entire ecosystem — from products to the APIs and platforms helping developers and businesses innovate</p>\n                        <div className=\"mb-12 mt-12 grid grid-cols-2 gap-2 md:mb-0\">\n                            <div className=\"space-y-4\">\n                                <div className=\"bg-linear-to-r from-zinc-950 to-zinc-600 bg-clip-text text-5xl font-bold text-transparent dark:from-white dark:to-zinc-800\">+1200</div>\n                                <p>Stars on GitHub</p>\n                            </div>\n                            <div className=\"space-y-4\">\n                                <div className=\"bg-linear-to-r from-zinc-950 to-zinc-600 bg-clip-text text-5xl font-bold text-transparent dark:from-white dark:to-zinc-800\">+500</div>\n                                <p>Powered Apps</p>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"relative\">\n                        <blockquote className=\"border-l-4 pl-4\">\n                            <p>Using Lyra has been like unlocking a secret design superpower. It's the perfect fusion of simplicity and versatility, enabling us to create UIs that are as stunning as they are user-friendly.</p>\n\n                            <div className=\"mt-6 space-y-3\">\n                                <cite className=\"block font-medium\">Maya Chen, CEO</cite>\n                                <img className=\"h-5 w-fit dark:invert\" src=\"https://cdn.jsdelivr.net/npm/simple-icons@16.32.0/icons/nvidia.svg\" alt=\"Nvidia Logo\" height=\"20\" width=\"auto\" />\n                            </div>\n                        </blockquote>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/stats-4.tsx"
    }
  ]
}