78 lines
2.8 KiB
TypeScript
78 lines
2.8 KiB
TypeScript
|
export default function Page() {
|
|||
|
|
return (
|
|||
|
|
<div className="admin-content">
|
|||
|
|
<div className="content-header">
|
|||
|
|
<h3>📋 Управление тарифными планами</h3>
|
|||
|
|
<div className="content-header-actions">
|
|||
|
|
<button className="btn btn-primary">
|
|||
|
|
<span>➕</span>
|
|||
|
|
<span>Создать тариф</span>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="content-body" id="plans-container">
|
|||
|
|
<div className="stats-grid">
|
|||
|
|
<div className="stat-card">
|
|||
|
|
<div className="stat-card-header">
|
|||
|
|
<span className="stat-card-title">FREE</span>
|
|||
|
|
<div className="stat-card-icon blue">🆓</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="stat-card-value">₽0</div>
|
|||
|
|
<div className="stat-card-label">100 токенов</div>
|
|||
|
|
<div className="stat-card-footer">
|
|||
|
|
<button className="btn btn-outline btn-sm">Редактировать</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div className="stat-card">
|
|||
|
|
<div className="stat-card-header">
|
|||
|
|
<span className="stat-card-title">MINI (TELEGRAM)</span>
|
|||
|
|
<div className="stat-card-icon cyan">✈️</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="stat-card-value">₽500</div>
|
|||
|
|
<div className="stat-card-label">500 токенов</div>
|
|||
|
|
<div className="stat-card-footer">
|
|||
|
|
<button className="btn btn-outline btn-sm">Редактировать</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div className="stat-card">
|
|||
|
|
<div className="stat-card-header">
|
|||
|
|
<span className="stat-card-title">BASIC</span>
|
|||
|
|
<div className="stat-card-icon green">⭐</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="stat-card-value">₽990</div>
|
|||
|
|
<div className="stat-card-label">1,000 токенов</div>
|
|||
|
|
<div className="stat-card-footer">
|
|||
|
|
<button className="btn btn-outline btn-sm">Редактировать</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div className="stat-card">
|
|||
|
|
<div className="stat-card-header">
|
|||
|
|
<span className="stat-card-title">PRO</span>
|
|||
|
|
<div className="stat-card-icon purple">💎</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="stat-card-value">₽2,990</div>
|
|||
|
|
<div className="stat-card-label">5,000 токенов</div>
|
|||
|
|
<div className="stat-card-footer">
|
|||
|
|
<button className="btn btn-outline btn-sm">Редактировать</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div className="stat-card">
|
|||
|
|
<div className="stat-card-header">
|
|||
|
|
<span className="stat-card-title">BUSINESS</span>
|
|||
|
|
<div className="stat-card-icon orange">🏢</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="stat-card-value">₽9,990</div>
|
|||
|
|
<div className="stat-card-label">20,000 токенов</div>
|
|||
|
|
<div className="stat-card-footer">
|
|||
|
|
<button className="btn btn-outline btn-sm">Редактировать</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|