{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-pricing-2","type":"registry:block","title":"Pricing 2","description":"Tailark Dusk pricing variant 2 block","registryDependencies":["@tailark-oss/dusk-button"],"meta":{"aspect-ratio":"72/54","width":686,"height":515},"files":[{"path":"dusk/blocks/pricing/two.tsx","type":"registry:component","target":"@components/pricing-2.tsx","content":"import Link from 'next/link'\nimport { Button } from '@/components/ui/button'\nimport { Check } from 'lucide-react'\n\nexport default function Pricing() {\n    return (\n        <section className=\"py-16 md:py-20\">\n            <div className=\"mx-auto max-w-7xl px-6\">\n                <div className=\"max-w-md space-y-6\">\n                    <h1 className=\"text-muted-foreground text-balance text-4xl font-medium tracking-tight lg:text-5xl\">\n                        <span className=\"text-foreground\">Start free.</span> <br /> Upgrade as you scale.\n                    </h1>\n                </div>\n\n                <div className=\"mt-12 grid gap-6 border *:p-8 max-lg:mx-auto max-lg:max-w-sm lg:mt-20 lg:grid-cols-3\">\n                    <div className=\"flex flex-col gap-8 max-lg:border-b lg:border-r\">\n                        <div>\n                            <p className=\"text-lg font-medium\">Starter</p>\n                            <p className=\"text-muted-foreground text-lg font-medium\">For solo developers</p>\n\n                            <div className=\"my-8 block text-4xl font-medium tracking-tight\">\n                                $0 <span className=\"text-muted-foreground text-lg\">/mo</span>\n                            </div>\n\n                            <Button\n                                asChild\n                                variant=\"outline\"\n                                className=\"w-full\"\n                            >\n                                <Link href=\"#\">Get Started</Link>\n                            </Button>\n                        </div>\n\n                        <ul className=\"text-muted-foreground list-outside space-y-3\">\n                            {['Basic Analytics Dashboard', '5GB Cloud Storage', 'Email and Chat Support'].map((item, index) => (\n                                <li\n                                    key={index}\n                                    className=\"flex items-center gap-3\"\n                                >\n                                    <Check className=\"text-muted-foreground size-3\" />\n                                    {item}\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n\n                    <div className=\"bg-card relative flex flex-col gap-8 shadow-xl max-lg:border-y lg:border-x\">\n                        <div className=\"inset-ring inset-ring-foreground/10 absolute right-0 top-0 w-fit -translate-y-px translate-x-px rounded-bl bg-emerald-500/15 px-3 py-1 text-xs font-medium text-emerald-200 [corner-shape:bevel]\">Popular</div>\n                        <div>\n                            <p className=\"text-lg font-medium\">Pro</p>\n                            <p className=\"text-muted-foreground text-lg font-medium\">For ambitious founders</p>\n\n                            <div className=\"my-8 block text-4xl font-medium tracking-tight\">\n                                $59 <span className=\"text-muted-foreground text-lg\">/mo</span>\n                            </div>\n\n                            <Button\n                                asChild\n                                className=\"w-full\"\n                            >\n                                <Link href=\"#\">Get Started</Link>\n                            </Button>\n                        </div>\n\n                        <ul className=\"text-muted-foreground list-outside space-y-3\">\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\n                                    key={index}\n                                    className=\"flex items-center gap-3\"\n                                >\n                                    <Check className=\"text-muted-foreground size-3\" />\n                                    {item}\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n\n                    <div className=\"flex flex-col gap-8 max-lg:border-t lg:border-l\">\n                        <div>\n                            <p className=\"text-lg font-medium\">Startup</p>\n                            <p className=\"text-muted-foreground text-lg font-medium\">For growing businesses and teams</p>\n\n                            <div className=\"my-8 block text-4xl font-medium tracking-tight\">\n                                $99 <span className=\"text-muted-foreground text-lg\">/mo</span>\n                            </div>\n\n                            <Button\n                                asChild\n                                className=\"w-full\"\n                                variant=\"outline\"\n                            >\n                                <Link href=\"#\">Get Started</Link>\n                            </Button>\n                        </div>\n\n                        <ul className=\"text-muted-foreground list-outside space-y-3\">\n                            {['Everything in Pro Plan', '10GB 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\n                                    key={index}\n                                    className=\"flex items-center gap-3\"\n                                >\n                                    <Check className=\"text-muted-foreground size-3\" />\n                                    {item}\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}