{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pricing-1",
  "type": "registry:block",
  "title": "Pricing 1",
  "description": "Three-tier pricing cards with a highlighted plan and feature checklists.",
  "registryDependencies": [
    "button",
    "card"
  ],
  "files": [
    {
      "path": "app/preview/pricing/one/page.tsx",
      "content": "import Link from 'next/link'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Check } from 'lucide-react'\n\nexport default function Pricing() {\n    return (\n        <section className=\"py-16 md:py-32\">\n            <div className=\"mx-auto max-w-6xl px-6\">\n                <div className=\"mx-auto max-w-2xl space-y-6 text-center\">\n                    <h1 className=\"text-center text-4xl font-semibold lg:text-5xl\">Pricing that Scales with You</h1>\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=\"mt-8 grid gap-6 md:mt-20 md:grid-cols-3\">\n                    <Card className=\"flex flex-col\">\n                        <CardHeader>\n                            <CardTitle className=\"font-medium\">Free</CardTitle>\n                            <span className=\"my-3 block text-2xl font-semibold\">$0 / mo</span>\n                            <CardDescription className=\"text-sm\">Per editor</CardDescription>\n                        </CardHeader>\n\n                        <CardContent className=\"space-y-4\">\n                            <hr className=\"border-dashed\" />\n\n                            <ul className=\"list-outside space-y-3 text-sm\">\n                                {['Basic Analytics Dashboard', '5GB Cloud Storage', 'Email and Chat Support'].map((item, index) => (\n                                    <li key={index} className=\"flex items-center gap-2\">\n                                        <Check className=\"size-3\" />\n                                        {item}\n                                    </li>\n                                ))}\n                            </ul>\n                        </CardContent>\n\n                        <CardFooter className=\"mt-auto\">\n                            <Button asChild variant=\"outline\" className=\"w-full\">\n                                <Link href=\"\">Get Started</Link>\n                            </Button>\n                        </CardFooter>\n                    </Card>\n\n                    <Card className=\"relative\">\n                        <span className=\"bg-linear-to-br/increasing absolute inset-x-0 -top-3 mx-auto flex h-6 w-fit items-center rounded-full from-purple-400 to-amber-300 px-3 py-1 text-xs font-medium text-amber-950 ring-1 ring-inset ring-white/20 ring-offset-1 ring-offset-gray-950/5\">Popular</span>\n\n                        <div className=\"flex flex-col\">\n                            <CardHeader>\n                                <CardTitle className=\"font-medium\">Pro</CardTitle>\n                                <span className=\"my-3 block text-2xl font-semibold\">$19 / mo</span>\n                                <CardDescription className=\"text-sm\">Per editor</CardDescription>\n                            </CardHeader>\n\n                            <CardContent className=\"space-y-4\">\n                                <hr className=\"border-dashed\" />\n                                <ul className=\"list-outside space-y-3 text-sm\">\n                                    {['Everything in Free Plan', '5GB Cloud Storage', 'Email and Chat Support', 'Access to Community Forum', 'Single User Access', 'Access to Basic Templates', 'Mobile App Access', '1 Custom Report Per Month', 'Monthly Product Updates', 'Standard Security Features'].map((item, index) => (\n                                        <li key={index} className=\"flex items-center gap-2\">\n                                            <Check className=\"size-3\" />\n                                            {item}\n                                        </li>\n                                    ))}\n                                </ul>\n                            </CardContent>\n\n                            <CardFooter>\n                                <Button asChild className=\"w-full\">\n                                    <Link href=\"\">Get Started</Link>\n                                </Button>\n                            </CardFooter>\n                        </div>\n                    </Card>\n\n                    <Card className=\"flex flex-col\">\n                        <CardHeader>\n                            <CardTitle className=\"font-medium\">Startup</CardTitle>\n                            <span className=\"my-3 block text-2xl font-semibold\">$29 / mo</span>\n                            <CardDescription className=\"text-sm\">Per editor</CardDescription>\n                        </CardHeader>\n\n                        <CardContent className=\"space-y-4\">\n                            <hr className=\"border-dashed\" />\n\n                            <ul className=\"list-outside space-y-3 text-sm\">\n                                {['Everything in Pro Plan', '5GB Cloud Storage', 'Email and Chat Support'].map((item, index) => (\n                                    <li key={index} className=\"flex items-center gap-2\">\n                                        <Check className=\"size-3\" />\n                                        {item}\n                                    </li>\n                                ))}\n                            </ul>\n                        </CardContent>\n\n                        <CardFooter className=\"mt-auto\">\n                            <Button asChild variant=\"outline\" className=\"w-full\">\n                                <Link href=\"\">Get Started</Link>\n                            </Button>\n                        </CardFooter>\n                    </Card>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/pricing.tsx"
    }
  ]
}