Pricing Card

보통

가격, 기능 리스트, CTA 버튼이 있는 가격표 카드

#hover#css-only#pricing

라이브 데모

Popular

Pro Plan

$29/month
  • Unlimited Projects
  • Priority Support
  • Advanced Analytics
  • Custom Integrations

코드

PricingCard.tsx
<div className="pricing-card">
  <div className="pricing-badge">Popular</div>
  <h3>Pro Plan</h3>
  <div className="pricing-price">$29/month</div>
  <ul className="pricing-features">...</ul>
  <button>Get Started</button>
</div>