<section id="services">
  <div class="container">
    <div class="section-eyebrow reveal">{{ i18n "section_services" }}</div>
    <h2 class="section-title reveal">{{ i18n "services_title" }}</h2>

    <div class="services-grid">
      {{ $lang := .Site.Language.Lang }}
      {{ range hugo.Data.services }}
      <div class="service-card reveal">
        <div class="service-icon"><i class="{{ .icon }}"></i></div>
        <div class="service-title">
          {{ if eq $lang "it" }}{{ .title_it }}{{ else }}{{ .title_en }}{{ end }}
        </div>
        <div class="service-subtitle">
          {{ if eq $lang "it" }}{{ .subtitle_it }}{{ else }}{{ .subtitle_en }}{{ end }}
        </div>
        <div class="service-desc">
          {{ if eq $lang "it" }}{{ .desc_it | markdownify }}{{ else }}{{ .desc_en | markdownify }}{{ end }}
        </div>
      </div>
      {{ end }}
    </div>
  </div>
</section>
