{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"pricing-6","type":"registry:block","title":"Pricing 6","description":"","dependencies":["lucide-react"],"registryDependencies":["https://www.diarmuradi.com/r/styles/base-nova/avatar.json","https://www.diarmuradi.com/r/styles/base-nova/badge.json","https://www.diarmuradi.com/r/styles/base-nova/button.json","https://www.diarmuradi.com/r/styles/base-nova/fancy-button.json","https://www.diarmuradi.com/r/styles/base-nova/separator.json"],"files":[{"path":"pricing.tsx","type":"registry:block","content":"\"use client\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { FancyButton } from \"@/components/fancy-button\"\nimport { ArrowUpRightIcon, CheckIcon } from 'lucide-react'\n\nconst features = [\n  \"Lifetime access to all features\",\n  \"All future updates included\",\n  \"Unlimited projects & team seats\",\n  \"Priority support forever\",\n  \"No recurring fees\",\n  \"Full API & webhook access\",\n  \"Custom domain support\",\n  \"Advanced analytics dashboard\",\n]\n\nexport function Pricing() {\n  return (\n    <section aria-label=\"Pricing\" className=\"mx-auto w-full max-w-5xl\">\n      <div className=\"flex flex-col items-center gap-6\">\n        <div className=\"flex flex-col items-center gap-4 text-center\">\n          <Badge\n            variant=\"secondary\"\n            className=\"w-fit bg-primary/10 text-primary\"\n          >\n            Limited time offer\n          </Badge>\n          <h2 className=\"text-4xl font-bold tracking-tight text-foreground sm:text-5xl\">\n            One price. Lifetime access.\n          </h2>\n          <p className=\"max-w-2xl text-lg text-muted-foreground\">\n            Pay once, use forever. No subscriptions, no renewals, just permanent\n            access to every feature we build.\n          </p>\n        </div>\n\n        <div className=\"w-full max-w-2xl rounded-4xl bg-muted p-1.5\">\n          <div className=\"flex flex-col gap-8 rounded-3xl bg-card p-8 shadow-elevated-lg\">\n            <div className=\"flex flex-col items-center gap-4 text-center\">\n              <div className=\"flex items-center gap-4\">\n                <span className=\"text-3xl text-muted-foreground line-through\">\n                  $588\n                </span>\n                <span className=\"text-7xl font-semibold tracking-tight text-foreground\">\n                  $199\n                </span>\n              </div>\n              <p className=\"text-sm text-muted-foreground\">\n                One-time payment · Lifetime access\n              </p>\n              <Badge variant=\"secondary\" className=\"bg-primary/10 text-primary\">\n                Save $389 (66% off)\n              </Badge>\n            </div>\n\n            <FancyButton size=\"lg\" className=\"w-full\">\n              Get lifetime access\n              <ArrowUpRightIcon />\n            </FancyButton>\n\n            <Separator className=\"bg-border/50\" />\n\n            <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n              {features.map((feature) => (\n                <div key={feature} className=\"flex items-start gap-3\">\n                  <div className=\"mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-primary\">\n                    <CheckIcon  className=\"size-3 text-primary-foreground\" />\n                  </div>\n                  <span className=\"text-sm text-muted-foreground\">\n                    {feature}\n                  </span>\n                </div>\n              ))}\n            </div>\n\n            <Separator className=\"bg-border/50\" />\n\n            <div className=\"flex items-center justify-center gap-3\">\n              <AvatarGroup className=\"grayscale\">\n                <Avatar>\n                  <AvatarImage\n                    src=\"https://github.com/shadcn.png\"\n                    alt=\"User 1\"\n                  />\n                  <AvatarFallback>U1</AvatarFallback>\n                </Avatar>\n                <Avatar>\n                  <AvatarImage\n                    src=\"https://github.com/leerob.png\"\n                    alt=\"User 2\"\n                  />\n                  <AvatarFallback>U2</AvatarFallback>\n                </Avatar>\n                <Avatar>\n                  <AvatarImage\n                    src=\"https://github.com/evilrabbit.png\"\n                    alt=\"User 3\"\n                  />\n                  <AvatarFallback>U3</AvatarFallback>\n                </Avatar>\n              </AvatarGroup>\n              <p className=\"text-sm text-muted-foreground\">\n                <span className=\"font-medium text-foreground\">847</span> people\n                grabbed this deal\n              </p>\n            </div>\n          </div>\n        </div>\n\n        <p className=\"text-sm text-muted-foreground\">\n          30-day money-back guarantee · Secure payment via Stripe\n        </p>\n      </div>\n    </section>\n  )\n}","target":"components/pricing.tsx"}]}