VibeCoderzVibeCoderz
Telegram
All Prompts
Testimonial Card Basic preview
testimonialcardglassmorphismavatarratingdark-theme

Testimonial Card Basic

Базовая карточка отзыва: аватар, имя, компания, цитата, рейтинг, местоположение. Glassmorphism, темная тема.

Prompt

<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>
All Prompts