{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-pricing-1","type":"registry:block","title":"Pricing 1","description":"Tailark Dusk pricing variant 1 block","registryDependencies":["@tailark-oss/dusk-button"],"meta":{"aspect-ratio":"60/45","width":686,"height":515},"files":[{"path":"dusk/blocks/pricing/one.tsx","type":"registry:component","target":"@components/pricing-1.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-sm 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\">Pricing</span> that Scales with you\n                    </h1>\n                </div>\n\n                <div className=\"mt-12 grid gap-1.5 border *:p-6 max-lg:mx-auto max-lg:max-w-sm lg:mt-20 lg:grid-cols-4\">\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                                $19 <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 flex flex-col gap-8 max-lg:border-y lg:border-x\">\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-y lg:border-x\">\n                        <div>\n                            <p className=\"text-lg font-medium\">Startup</p>\n                            <p className=\"text-muted-foreground text-lg font-medium\">For growing businesses</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', '12 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\">Enterprise</p>\n                            <p className=\"text-muted-foreground text-lg font-medium\">For large organizations</p>\n\n                            <div className=\"my-8 block text-4xl font-medium tracking-tight\">\n                                $299 <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 Startup Plan', 'Unlimited Cloud Storage', 'Unlimited User Access', 'Daily Product Updates'].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"}]}