StatItem, StatGrid, StatCard

<StatGrid className="w-full lg:grid-cols-4">
  <StatItem
    label="Посетители"
    value="3 460"
    size="lg"
    hint="новых 2 910 · было 3 120"
    delta={{ text: '+11%', good: true, direction: 'up' }}
  />
  <StatItem
    label="Заявки"
    value="128"
    size="lg"
    delta={{ text: '+14%', good: true, direction: 'up' }}
  />
  <StatItem label="Конверсия" value="3,7%" size="lg" />
  <StatItem
    label="Боты"
    value="42"
    size="lg"
    delta={{ text: '+20%', good: false, direction: 'up' }}
  />
</StatGrid>

<div className="grid w-full grid-cols-2 gap-3 sm:grid-cols-4">
  <StatCard label="Пользователи" value={1240} />
  <StatCard label="Проекты" value={318} />
  <StatCard label="Подписки" value={96} />
  <StatCard label="Выводы" value={4} />
</div>