add settings layout

2025-12-01 15:21:56 +07:00
parent cc0cae334a
commit 2ef5e171b1
14 changed files with 670 additions and 5 deletions
@@ -0,0 +1,50 @@
+export default function SubscriptionSettings() {
+	return (
+		<div className="settings-form">
+			<div className="form-section">
+				<h3 className="form-section-title">💎 Подписка</h3>
+				<div className="subscription-info">
+					<div className="subscription-info-header">
+						<div>
+							<h4 className="subscription-info-title">🎯 Подписка "ПРОФИ"</h4>
+							<p>📅 Активна до 10.06.2028</p>
+						</div>
+						<div style={{ textAlign: "right" }}>
+							<div className="subscription-info-title">2,000</div>
+							<p>файлов в месяц</p>
+						</div>
+					</div>
+					<div className="subscription-info-main">
+						<div className="subscription-info-item">
+							<div>💾 Хранилище</div>
+							<span>20 ГБ</span>
+						</div>
+						<div className="subscription-info-item">
+							<div>🔌 API доступ</div>
+							<span>Включен</span>
+						</div>
+						<div className="subscription-info-item">
+							<div>🎧 Поддержка</div>
+							<span>24/7</span>
+						</div>
+					</div>
+				</div>
+
+				<div className="subscription-info-footer">
+					<button className="btn btn-outline">
+						🚀 СТАРТ
+					</button>
+					<button className="btn btn-outline">
+						⭐ ПРЕМИУМ
+					</button>
+					<button className="btn btn-outline">
+						💼 ПРОФИ
+					</button>
+					<button className="btn btn-outline">
+						🏆 МАКСИМУМ
+					</button>
+				</div>
+			</div>
+		</div>
+	)
+}