40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
|
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>
|
||
|
|
)
|
||
|
|
}
|