{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "components-pricings-pricing-5",
  "title": "Pricing 5",
  "description": "Horizontal list-style pricing layout with accent icon blobs, strikethrough original prices, and optional recommended badge.",
  "registryDependencies": [
    "button",
    "badge"
  ],
  "files": [
    {
      "path": "registry/components/pricings/pricing-5/index.tsx",
      "content": "'use client';\n\nimport Link from 'next/link';\nimport { Button } from '@/components/ui/button';\nimport { Badge } from '@/components/ui/badge';\nimport { cn } from '@/lib/utils';\n\nexport type Plan5 = {\n  id: string;\n  name: string;\n  features: string[];\n  originalPrice?: string;\n  price: string;\n  ctaLabel: string;\n  ctaHref: string;\n  recommended?: boolean;\n  recommendedLabel?: string;\n  billingNote?: string;\n  accent?:\n    | 'neutral'\n    | 'orange'\n    | 'blue'\n    | 'violet'\n    | 'emerald'\n    | 'rose'\n    | 'yellow';\n};\n\nconst DEFAULT_PLANS: Plan5[] = [\n  {\n    id: 'lifetime',\n    name: 'Lifetime',\n    features: [\n      'All features (non-cloud)',\n      'Unlimited organization',\n      '1-year feature updates',\n    ],\n    originalPrice: '$89',\n    price: '$59',\n    ctaLabel: 'Purchase',\n    ctaHref: '/checkout/lifetime',\n    accent: 'neutral',\n  },\n  {\n    id: 'pro-plus',\n    name: 'Pro+',\n    features: [\n      'Cross-sync up to 3 devices',\n      'Upload to cloud link',\n      'Share cloud links',\n      'All feature updates',\n    ],\n    originalPrice: '$8',\n    price: '$6/month',\n    ctaLabel: 'Start free trial',\n    ctaHref: '/checkout/pro',\n    recommended: true,\n    recommendedLabel: 'Recommended',\n    accent: 'yellow',\n  },\n];\n\nconst accentIcon: Record<NonNullable<Plan5['accent']>, string> = {\n  neutral:\n    'bg-linear-to-b from-zinc-300 to-zinc-500 dark:from-zinc-500 dark:to-zinc-700',\n  orange: 'bg-linear-to-b from-orange-400 to-red-600',\n  blue: 'bg-linear-to-b from-sky-300 to-blue-600',\n  violet: 'bg-linear-to-b from-violet-400 to-purple-700',\n  emerald: 'bg-linear-to-b from-emerald-300 to-teal-600',\n  rose: 'bg-linear-to-b from-rose-300 to-pink-700',\n  yellow: 'bg-linear-to-b from-yellow-300 to-amber-600',\n};\n\nexport default function Pricing5({\n  plans = DEFAULT_PLANS,\n  title = 'Organize without limits',\n  subtitle = 'Local or cloud — your choice',\n}: {\n  plans?: Plan5[];\n  title?: string;\n  subtitle?: string;\n}) {\n  return (\n    <div className=\"w-full space-y-8\">\n      <div className=\"space-y-2 text-center\">\n        <h2 className=\"text-4xl font-bold tracking-tight\">{title}</h2>\n        <p className=\"text-sm text-muted-foreground\">{subtitle}</p>\n      </div>\n\n      <div className=\"mx-auto max-w-2xl space-y-3\">\n        {plans.map((plan) => (\n          <div\n            key={plan.id}\n            className=\"flex flex-col gap-6 rounded-2xl border border-border bg-card p-6 sm:flex-row sm:items-stretch\"\n          >\n            <div className=\"flex flex-1 flex-col gap-12\">\n              <div\n                className={cn(\n                  'size-9 shrink-0 rounded-full border border-zinc-950/10 shadow-md ring-1 shadow-zinc-950/20 ring-white/30 ring-inset dark:border-white/10',\n                  accentIcon[plan.accent ?? 'neutral'],\n                )}\n              />\n              <div>\n                <div className=\"flex items-center gap-2\">\n                  <h3 className=\"text-xl font-bold tracking-tight\">\n                    {plan.name}\n                  </h3>\n                  {plan.recommended && (\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      {plan.recommendedLabel ?? 'Recommended'}\n                    </Badge>\n                  )}\n                </div>\n                <ul className=\"mt-1.5 space-y-0.5\">\n                  {plan.features.map((f) => (\n                    <li key={f} className=\"text-sm text-muted-foreground\">\n                      {f}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            </div>\n\n            <div className=\"flex shrink-0 flex-col items-start justify-between gap-4 sm:items-end\">\n              <div className=\"flex items-baseline gap-2\">\n                {plan.originalPrice && (\n                  <span className=\"text-base text-muted-foreground line-through\">\n                    {plan.originalPrice}\n                  </span>\n                )}\n                <span className=\"text-2xl font-bold tracking-tight\">\n                  {plan.price}\n                </span>\n              </div>\n              <div className=\"flex flex-col items-start gap-1 sm:items-end\">\n                <Button\n                  className=\"rounded-full border border-zinc-950/25 bg-linear-to-t from-primary to-primary/85 px-6 shadow-md ring-1 shadow-zinc-950/20 ring-white/20 transition-[filter] duration-200 ring-inset hover:brightness-110 active:brightness-90 dark:border-white/20 dark:ring-transparent\"\n                  asChild\n                >\n                  <Link href={plan.ctaHref}>{plan.ctaLabel}</Link>\n                </Button>\n                {plan.billingNote && (\n                  <p className=\"text-xs text-muted-foreground\">\n                    {plan.billingNote}\n                  </p>\n                )}\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/odysseyui/pricing-5.tsx"
    }
  ],
  "type": "registry:ui"
}