cards.statCard.title

쉬움

cards.statCard.description

#gradient#ecommerce

라이브 데모

📈

+24%

Revenue Growth

↑ 12.5% from last month

코드

StatCard.tsx

export const StatCard: React.FC = () => (
  <div className="stat-card">
    <div className="stat-icon">📈</div>
    <div className="stat-content">
      <h3 className="stat-value">+24%</h3>
      <p className="stat-label">Revenue Growth</p>
      <p className="stat-detail">↑ 12.5% from last month</p>
    </div>
  </div>
);

cards.css

.stat-card {
  background: linear-gradient(135deg, var(--accent-purple), #EC4899);
  color: white;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.3);
}