{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pricing-10",
  "title": "Pricing 10",
  "description": "A simple pricing block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "badge",
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/pricing-10/components/pricing.tsx",
      "content": "import { Box, CircleCheck, Gem, type LucideIcon, Users } from \"lucide-react\";\nimport { Badge } from \"@/registry/bases/radix/ui/badge\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\n\ninterface PricingPlan {\n  name: string;\n  description: string;\n  price: number;\n  isRecommended: boolean;\n  icon: LucideIcon;\n  features: string[];\n}\n\nconst pricingPlans: PricingPlan[] = [\n  {\n    name: \"Starter\",\n    description: \"Perfect for individuals who are just getting started.\",\n    price: 29,\n    isRecommended: false,\n    icon: Box,\n    features: [\n      \"1 Project\",\n      \"Basic Components\",\n      \"Email Support\",\n      \"Access to Updates for 6 Months\",\n      \"Community Access\",\n    ],\n  },\n  {\n    name: \"Pro\",\n    description: \"Ideal for professionals who need more power.\",\n    price: 79,\n    isRecommended: true,\n    icon: Gem,\n    features: [\n      \"Unlimited Projects\",\n      \"Premium Components\",\n      \"Priority Support\",\n      \"Access to Updates for 1 Year\",\n      \"Code Snippets & Templates\",\n    ],\n  },\n  {\n    name: \"Team\",\n    description: \"Best for growing teams and small businesses.\",\n    price: 199,\n    isRecommended: false,\n    icon: Users,\n    features: [\n      \"Everything in Pro\",\n      \"Team License (up to 5 users)\",\n      \"Collaboration Features\",\n      \"Extended Support\",\n      \"Lifetime Updates\",\n    ],\n  },\n];\n\nconst Pricing = () => {\n  return (\n    <section className=\"mx-auto max-w-6xl px-6 py-20\">\n      <h2 className=\"text-balance text-center font-medium text-4xl tracking-[-0.04em] sm:text-[2.75rem]\">\n        Plans & Pricing\n      </h2>\n      <p className=\"mt-2 text-balance text-center text-lg text-muted-foreground -tracking-[0.01em] sm:mt-4 sm:text-2xl\">\n        Flexible pricing designed to grow with you ready\n      </p>\n\n      <div className=\"mt-12 grid grid-cols-1 gap-1 rounded-xl border bg-muted/40 p-1 sm:mt-16 sm:mt-16 sm:grid-cols-2 md:mt-15 md:grid-cols-3\">\n        {pricingPlans.map((plan) => (\n          <PlanCard key={plan.name} plan={plan} />\n        ))}\n      </div>\n    </section>\n  );\n};\n\nconst PlanCard = ({ plan }: { plan: PricingPlan }) => {\n  return (\n    <div className=\"shadow/5 relative rounded-lg border bg-background\">\n      {plan.isRecommended && (\n        <Badge className=\"absolute top-3 right-3\">Most Popular</Badge>\n      )}\n      <div className=\"rounded-t-lg border-b border-dashed p-6\">\n        <plan.icon className=\"mb-5 text-primary\" />\n        <div className=\"flex items-center gap-1\">\n          <h3 className=\"font-medium text-2xl tracking-tight\">{plan.name}</h3>\n        </div>\n        <p className=\"my-2 text-muted-foreground\">{plan.description}</p>\n      </div>\n      <div className=\"px-6 pt-5 pb-10\">\n        <p className=\"mt-4 font-satoshi font-semibold text-4xl\">\n          ${plan.price}\n        </p>\n        <p className=\"mt-1 text-muted-foreground text-sm tracking-normal\">\n          one-time payment\n        </p>\n        <Button\n          className=\"my-6 w-full\"\n          size=\"lg\"\n          variant={plan.isRecommended ? \"default\" : \"outline\"}\n        >\n          Get Started\n        </Button>\n        <ul className=\"mt-4 space-y-2\">\n          {plan.features.map((feature) => (\n            <li className=\"flex items-center gap-2\" key={feature}>\n              <CircleCheck className=\"size-4 shrink-0 text-primary\" />\n              {feature}\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n\nexport default Pricing;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}