add refferal page layout

2026-01-12 17:12:50 +07:00
parent 77ca4775b1
commit d0918b8c0b
9 changed files with 652 additions and 7 deletions
@@ -0,0 +1,40 @@
+export default function CommissionLevels() {
+	return (
+		<div className="block-wrapper">
+			<h3 className="section-title">
+				<span className="icon">🏆</span>
+				Уровни комиссии
+			</h3>
+			<div className="commission-levels">
+				<div className="level-card level-bronze active">
+					<h4>🥉 BRONZE</h4>
+					<p><strong>15%</strong> комиссия</p>
+					<small>0-5 рефералов</small>
+				</div>
+				<div className="level-card level-silver ">
+					<h4>🥈 SILVER</h4>
+					<p><strong>18%</strong> комиссия</p>
+					<small>6-15 рефералов</small>
+				</div>
+				<div className="level-card level-gold ">
+					<h4>🥇 GOLD</h4>
+					<p><strong>22%</strong> комиссия</p>
+					<small>16-50 рефералов</small>
+				</div>
+				<div className="level-card level-platinum ">
+					<h4>💎 PLATINUM</h4>
+					<p><strong>25%</strong> комиссия</p>
+					<small>50+ рефералов</small>
+				</div>
+			</div>
+
+			<div className="commission-levels-footer">
+				<p><strong>До уровня SILVER:</strong> 5 рефералов</p>
+				<div className="progress-bar">
+					<div className="progress-fill" style={{width: "16.7%"}}></div>
+				</div>
+				<small>1 из 6 рефералов (16.7%)</small>
+			</div>
+		</div>
+	)
+}