import Link from 'next/link' import { Button } from '@/components/ui/button' import { Card } from '@/components/ui/card' import { Check, Minus } from 'lucide-react' const plans = [ { name: 'Basic', price: '$9', period: '/month', cta: 'Get Started', }, { name: 'Pro', price: '$29', period: '/month', cta: 'Start Free Trial', highlighted: true, }, { name: 'Team', price: '$79', period: '/month', cta: 'Start Free Trial', }, ] const features = [ { name: 'Integrations', basic: '5', pro: 'Unlimited', team: 'Unlimited' }, { name: 'API Calls', basic: '10K/mo', pro: '100K/mo', team: '1M/mo' }, { name: 'Team Members', basic: '1', pro: '5', team: 'Unlimited' }, { name: 'Support', basic: 'Email', pro: 'Priority', team: 'Dedicated' }, { name: 'Analytics', basic: true, pro: true, team: true }, { name: 'Custom Webhooks', basic: false, pro: true, team: true }, { name: 'SSO', basic: false, pro: false, team: true }, { name: 'Audit Logs', basic: false, pro: false, team: true }, ] export default function Comparator() { return (

Compare Plans

Find the perfect plan for your team's needs.

{plans.map((plan) => (

{plan.name}

{plan.price} {plan.period}

))}

{features.map((feature) => (

{feature.name}

{['basic', 'pro', 'team'].map((plan, idx) => { const value = feature[plan as keyof typeof feature] return (

{typeof value === 'boolean' ? value ? : : {value}}

) })}

))}

{plans.map((plan) => (

))}

) }

Comparator 1

Instalação

Registry dependencies