51:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 52:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 53:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 54:T132c,'use client'; import Link from 'next/link'; import { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { cn } from '@/lib/utils'; export type Plan5 = { id: string; name: string; features: string[]; originalPrice?: string; price: string; ctaLabel: string; ctaHref: string; recommended?: boolean; recommendedLabel?: string; billingNote?: string; accent?: | 'neutral' | 'orange' | 'blue' | 'violet' | 'emerald' | 'rose' | 'yellow'; }; const DEFAULT_PLANS: Plan5[] = [ { id: 'lifetime', name: 'Lifetime', features: [ 'All features (non-cloud)', 'Unlimited organization', '1-year feature updates', ], originalPrice: '$89', price: '$59', ctaLabel: 'Purchase', ctaHref: '/checkout/lifetime', accent: 'neutral', }, { id: 'pro-plus', name: 'Pro+', features: [ 'Cross-sync up to 3 devices', 'Upload to cloud link', 'Share cloud links', 'All feature updates', ], originalPrice: '$8', price: '$6/month', ctaLabel: 'Start free trial', ctaHref: '/checkout/pro', recommended: true, recommendedLabel: 'Recommended', accent: 'yellow', }, ]; const accentIcon: Record, string> = { neutral: 'bg-linear-to-b from-zinc-300 to-zinc-500 dark:from-zinc-500 dark:to-zinc-700', orange: 'bg-linear-to-b from-orange-400 to-red-600', blue: 'bg-linear-to-b from-sky-300 to-blue-600', violet: 'bg-linear-to-b from-violet-400 to-purple-700', emerald: 'bg-linear-to-b from-emerald-300 to-teal-600', rose: 'bg-linear-to-b from-rose-300 to-pink-700', yellow: 'bg-linear-to-b from-yellow-300 to-amber-600', }; export default function Pricing5({ plans = DEFAULT_PLANS, title = 'Organize without limits', subtitle = 'Local or cloud — your choice', }: { plans?: Plan5[]; title?: string; subtitle?: string; }) { return (

{title}

{subtitle}

{plans.map((plan) => (

{plan.name}

{plan.recommended && ( {plan.recommendedLabel ?? 'Recommended'} )}

{plan.originalPrice && ( {plan.originalPrice} )} {plan.price}

{plan.billingNote && (

{plan.billingNote}

)}

))}

); } 4d:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L51",null,{"registryDependencies":["button","badge"]}]]}],["$","$L52",null,{"sourceUrl":"https://www.odysseyui.com/r/components-pricings-pricing-5.json","proxyUrl":"https://shadcnregistry.com/r/odysseyui/components-pricings-pricing-5","itemId":"@odysseyui/components-pricings-pricing-5"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L53",null,{"files":[{"path":"registry/components/pricings/pricing-5/index.tsx","content":"$54","type":"registry:ui","target":"components/odysseyui/pricing-5.tsx"}]}]]}],"$L55"]}]

Pricing 5

Installation

Files

components

Styles