add tariff management page layout

2026-01-21 19:31:10 +07:00
parent 6d38cce4e8
commit 2de0cc444d
4 changed files with 176 additions and 1 deletions
@@ -0,0 +1,78 @@
+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>
+	)
+}