Pricing Card
Pro Plan
$29/mo
✓ Unlimited projects
✓ Priority support
✓ Advanced analytics
Get Started
<div style="max-width:280px;padding:2px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899)"><div style="background:#0f172a;border-radius:18px;padding:28px;text-align:center"><div style="color:#a78bfa;font-size:0.8em;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px">Pro Plan</div><div style="color:#fff;margin-bottom:16px"><span style="font-size:2.5em;font-weight:bold">$29</span><span style="color:#64748b;font-size:0.9em">/mo</span></div><div style="border-top:1px solid #1e293b;padding-top:16px;margin-bottom:20px;text-align:left"><div style="color:#cbd5e1;font-size:0.85em;padding:6px 0">✓ Unlimited projects</div><div style="color:#cbd5e1;font-size:0.85em;padding:6px 0">✓ Priority support</div><div style="color:#cbd5e1;font-size:0.85em;padding:6px 0">✓ Advanced analytics</div></div><div style="background:linear-gradient(90deg,#6366f1,#a855f7);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:0.9em;cursor:pointer;text-align:center">Get Started</div></div></div>Customize
#6366f1
px
Props
| Name | Type | Default | Description |
|---|---|---|---|
text | text | Pro Plan | Displayed text |
accentColor | color | #6366f1 | Primary accent color |
borderRadius | slider (px) | 20px | Corner roundness |
Pricing plan card with gradient border