49:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4a:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4b:T14b1,"use client"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; import { Check, X } from "lucide-react"; import { D2Card, CardContent, CardHeader, CardDescription, } from "@/components/ui/d2-card"; export default function PricingSection() { const plans = [ { name: "Starter", price: "Free", description: "Perfect for getting started", popular: false, features: [ { name: "Up to 5 projects", included: true }, { name: "Basic support", included: true }, { name: "1GB storage", included: true }, { name: "Advanced analytics", included: false }, { name: "Priority support", included: false }, { name: "Custom integrations", included: false }, ], }, { name: "Pro", price: "$29", period: "/month", description: "For growing teams", popular: true, features: [ { name: "Unlimited projects", included: true }, { name: "Priority support", included: true }, { name: "100GB storage", included: true }, { name: "Advanced analytics", included: true }, { name: "Custom integrations", included: true }, { name: "White-label options", included: false }, ], }, { name: "Enterprise", price: "$99", period: "/month", description: "For large organizations", popular: false, features: [ { name: "Unlimited everything", included: true }, { name: "24/7 phone support", included: true }, { name: "Unlimited storage", included: true }, { name: "Advanced analytics", included: true }, { name: "Custom integrations", included: true }, { name: "White-label options", included: true }, ], }, ]; return (

Choose Your Plan

Select the perfect plan for your needs. Upgrade or downgrade at any time.

{plans.map((plan, index) => ( {plan.popular && (

{plan.name}

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

{plan.description}

{plan.features.map((feature, featureIndex) => (

{feature.included ? (

) : (

)} {feature.name}

))}

All plans include a 30-day money-back guarantee

); } 48:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L49",null,{"namespace":"@d2","registryDependencies":["button","badge","https://ui.d2studio.dev/r/d2-card.json"]}]]}],null]}],["$","$L4a",null,{"files":[{"path":"registry/default/components/pricing-01.tsx","content":"$4b","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]