---
interface TrustItem {
  emoji: string;
  bgClass: string;
  title: string;
  description: string;
}

const trustBlocks: TrustItem[] = [
  {
    emoji: "🔒",
    bgClass: "bg-[var(--color-emerald-500)]/10",
    title: "Конфиденциальность",
    description: "Все отзывы публикуются с согласия клиентов. Личные данные защищены."
  },
  {
    emoji: "📋",
    bgClass: "bg-[var(--color-blue-primary)]/10",
    title: "Реальные дела",
    description: "Каждый отзыв подтверждён документально. Мы не публикуем фейки."
  },
  {
    emoji: "⭐",
    bgClass: "bg-[var(--color-gold)]/10",
    title: "Независимость",
    description: "Отзывы с Яндекс.Карт, Google и 2ГИС. Мы не редактируем мнения."
  }
];
---

<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
  {trustBlocks.map((block) => (
    <div class="bg-[var(--color-navy-dark)] border border-[var(--color-gray-600)]/20 rounded-2xl p-6 text-center hover:border-[var(--color-gold)]/20 transition-all">
      <div class="w-16 h-16 mx-auto mb-4 rounded-2xl {block.bgClass} flex items-center justify-center text-3xl">
        {block.emoji}
      </div>
      <h3 class="text-lg font-bold text-[var(--color-white)] mb-2">{block.title}</h3>
      <p class="text-sm text-[var(--color-gray-500)]">{block.description}</p>
    </div>
  ))}
</div>
