{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-pricing-1","type":"registry:block","title":"Pricing 1","description":"Tailark Veil pricing variant 1 block","registryDependencies":["@tailark-oss/veil-button","@tailark-oss/veil-card"],"meta":{"aspect-ratio":"90/78","width":686,"height":595},"files":[{"path":"veil/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 { Card } from '@/components/ui/card'\nimport { Check } from 'lucide-react'\nimport { cn } from '@/lib/utils'\n\nconst plans = [\n    {\n        name: 'Starter',\n        description: 'Perfect for individuals and small projects.',\n        price: '$0',\n        period: '/month',\n        features: ['Up to 3 integrations', '1,000 API calls/month', 'Community support', 'Basic analytics'],\n        cta: 'Get Started',\n        highlighted: false,\n    },\n    {\n        name: 'Pro',\n        description: 'For growing teams that need more power.',\n        price: '$29',\n        period: '/month',\n        features: ['Unlimited integrations', '100,000 API calls/month', 'Priority support', 'Advanced analytics', 'Custom webhooks', 'Team collaboration'],\n        cta: 'Start Free Trial',\n        highlighted: true,\n    },\n    {\n        name: 'Enterprise',\n        description: 'For organizations with advanced needs.',\n        price: 'Custom',\n        period: '',\n        features: ['Everything in Pro', 'Unlimited API calls', 'Dedicated support', 'SLA guarantee', 'Custom contracts', 'On-premise option'],\n        cta: 'Contact Sales',\n        highlighted: false,\n    },\n]\n\nexport default function Pricing() {\n    return (\n        <section className=\"bg-background @container py-24\">\n            <div className=\"mx-auto max-w-2xl px-6\">\n                <div className=\"text-center\">\n                    <h2 className=\"text-balance font-serif text-4xl font-medium\">Simple, Transparent Pricing</h2>\n                    <p className=\"text-muted-foreground mx-auto mt-4 max-w-md text-balance\">Choose the plan that fits your needs. All plans include a 14-day free trial.</p>\n                </div>\n                <div className=\"@3xl:grid-cols-2 mt-12 grid gap-3\">\n                    {plans.map((plan) => (\n                        <Card\n                            key={plan.name}\n                            variant={plan.highlighted ? 'default' : 'mixed'}\n                            className={cn('relative flex flex-col p-6 last:col-span-full', plan.highlighted && 'ring-primary')}\n                        >\n                            <div>\n                                <h3 className=\"text-foreground font-medium\">{plan.name}</h3>\n                                <p className=\"text-muted-foreground mt-1 text-sm\">{plan.description}</p>\n                            </div>\n                            <div className=\"mt-6\">\n                                <span className=\"font-serif text-4xl font-medium\">{plan.price}</span>\n                                <span className=\"text-muted-foreground\">{plan.period}</span>\n                            </div>\n                            <ul className=\"mt-6 flex-1 space-y-3\">\n                                {plan.features.map((feature) => (\n                                    <li\n                                        key={feature}\n                                        className=\"text-muted-foreground flex items-start gap-2 text-sm\"\n                                    >\n                                        <Check className=\"text-primary mt-0.5 size-4 shrink-0\" />\n                                        {feature}\n                                    </li>\n                                ))}\n                            </ul>\n                            <Button\n                                asChild\n                                variant={plan.highlighted ? 'default' : 'outline'}\n                                className=\"mt-8 w-full\"\n                            >\n                                <Link href=\"#link\">{plan.cta}</Link>\n                            </Button>\n                        </Card>\n                    ))}\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}