{{- $hero := .hero }}
{{- $content := .content }}
{{- $color := .color }}
{{- $odd := .odd }}
{{- $id := "hero"}}
{{if $hero.id}}
{{- $id := $hero.id}}
{{else if .id}}
{{- $id := .id }}
{{end}}
{{ $template := resources.Get "scss/hero.scss" }}
{{ if $template }}
{{ $index := $template | resources.ExecuteAsTemplate "css/hero.scss" . | resources.ToCSS (dict "outputStyle"
"compressed") | fingerprint }}
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
{{ end }}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}} row hero">
  <div class="section-content services">
    <div class="hero-description col-5">
      {{ with $hero.logo }}
      {{- partial "components/image.html" (dict "type" .type "style" .style "url" .url "alt" .alt "width" .width "height" .height) -}}
      {{ end }}
      {{ partial "components/title.html" $hero.title }}
      <p>{{ $content }}</p>
      <br />
      {{ with $hero.button }}
      {{- range .}}
      {{ partial "components/button.html" . }}
      {{- end }}
      {{ end }}
    </div>
    <div class="side-image col-7">
      {{- partial "components/image.html" $hero.image -}}
    </div>
  </div>
</div>