no-copy-frontend/src/app/ui/referral-page/commission-levels.tsx

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 active">
					<div className="level-number">🥉</div>
					<div className="level-commission">15%</div>
					<div className="level-subscribe">BRONZE</div>
					<div className="level-requirement">0-5 рефералов</div>
				</div>
				<div className="level-card ">
					<div className="level-number">🥈</div>
					<div className="level-commission">18%</div>
					<div className="level-subscribe">SILVER</div>
					<div className="level-requirement">6-15 рефералов</div>
				</div>

				<div className="level-card ">
					<div className="level-number">🥇</div>
					<div className="level-commission">22%</div>
					<div className="level-subscribe">GOLD</div>
					<div className="level-requirement">16-50 рефералов</div>
				</div>

				<div className="level-card ">
					<div className="level-number">💎</div>
					<div className="level-commission">25%</div>
					<div className="level-subscribe">PLATINUM</div>
					<div className="level-requirement">50+ рефералов</div>
				</div>
			</div>
		</div>
	)
}