{{ with (.Site.GetPage "/cloud-inference/cloud-inference-hero") }}
  <section class="cloud-inference-hero">
    <div class="container">
      <div class="row align-items-lg-center g-5 g-lg-0">
        <div class="col-12 col-lg-6 z-1">
          {{ partial "label" . }}
          <h3 class="cloud-inference-hero__title">{{ .Params.title | safeHTML }}</h3>
          <p class="cloud-inference-hero__description">{{ .Params.description | safeHTML }}</p>
          <div class="cloud-inference-hero__buttons">
            <a href="{{ .Params.startFree.url }}" class="button button_contained button_lg" target="_blank">
              {{ .Params.startFree.text }}
            </a>
          </div>
        </div>
        <div class="col-12 col-lg-6 d-flex justify-content-center z-1">
          <img class="cloud-inference-hero__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
        </div>
      </div>
    </div>
    <div class="cloud-inference-hero__overlay"></div>
  </section>
{{ end }}