{{ range site.Data.services.community }}
  <h3>{{ .category }}</h3>
  <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 mb-8">
  {{ range .items }}
    <li>
      {{ if .coming_soon }}
      <h4 class="text-lg font-bold mb-2">
        {{ if .url }}
        <a href="{{ .url }}" class="!text-zinc-500">{{ .name }}</a>
        {{ else }}
        <span class="!text-zinc-500">{{ .name }}</span>
        {{ end }}
      </h4>
      <p class="text-zinc-500">{{ .description }}</p>
      {{ else }}
      <h4 class="text-lg font-bold mb-2">
        {{ if .url }}
        <a href="{{ .url }}" class="!text-black">{{ .name }}</a>
        {{ else }}
        <span class="!text-black">{{ .name }}</span>
        {{ end }}
      </h4>
      <p>{{ .description }}</p>
      {{ end }}
    </li>
  {{ end }}
  </ul>
{{ end }}