Загрузка...
Базовая карточка отзыва: аватар, имя, компания, цитата, рейтинг, местоположение. Glassmorphism, темная тема.
<div class="flex flex-col rounded-2xl border border-white/10 bg-white/5 p-6 backdrop-blur-md transition hover:border-white/20">
<div class="mb-6 flex items-center justify-between">
<div class="flex items-center gap-4">
<img src="https://images.unsplash.com/photo-1607746882042-944635dfe10e?fit=crop&w=80&q=80" alt="" class="h-12 w-12 rounded-full object-cover">
<div class="">
<p class="text-sm font-semibold uppercase tracking-wide text-white">Hiroki Tanaka</p>
<p class="text-xs uppercase text-white/60">Product Lead · Nexus Robotics</p>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white/70">
<path d="M12 20v2"></path>
<path d="M12 2v2"></path>
<path d="M17 20v2"></path>
<path d="M17 2v2"></path>
<path d="M2 12h2"></path>
<path d="M2 17h2"></path>
<path d="M2 7h2"></path>
<path d="M20 12h2"></path>
<path d="M20 17h2"></path>
<path d="M20 7h2"></path>
<path d="M7 20v2"></path>
<path d="M7 2v2"></path>
<rect x="4" y="4" width="16" height="16" rx="2"></rect>
<rect x="8" y="8" width="8" height="8" rx="1"></rect>
</svg>
</div>
<p class="leading-snug text-lg font-medium mb-4 text-white">
"The dashboard they delivered is lightning-fast and visually stunning. It's given our engineering team superpowers."
</p>
<div class="mt-auto pt-4 border-t border-white/10">
<div class="flex items-center gap-4 text-xs text-white/60">
<span class="flex items-center gap-1">
4.9/5 Rating
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
</svg>
</span>
<span>Tokyo, Japan</span>
</div>
</div>
</div>