SubscriptionPlanCard
DomainSubscription plan card displaying name, price with currency formatting, billing interval, and feature list with checkmarks. Highlights the popular and current plans. Accepts onSelect callback for plan switching.
Free
Perfect for getting started
$0/ month
- 1 project
- 2 team members
- Community support
Current Plan
Pro
Best for growing teams
$19/ month
- Unlimited projects
- 10 team members
- Priority support
- Advanced analytics
Enterprise
For large organizations
$99/ month
- Unlimited everything
- Dedicated support
- SLA guarantee
- Custom integrations
- SSO
<div className="grid grid-cols-3 gap-4">
<SubscriptionPlanCard plan={freePlan} onSelect={handleSelect} />
<SubscriptionPlanCard plan={proPlan} isCurrent onSelect={handleSelect} />
<SubscriptionPlanCard plan={enterprisePlan} onSelect={handleSelect} />
</div>Current Plan
Pro
Best for growing teams
$19/ month
- Unlimited projects
- 10 team members
- Priority support
- Advanced analytics
Enterprise
For large organizations
$99/ month
- Unlimited everything
- Dedicated support
- SLA guarantee
- Custom integrations
- SSO
<SubscriptionPlanCard plan={plan} isCurrent />
<SubscriptionPlanCard plan={{ ...plan, isPopular: true }} onSelect={handleSelect} />