{{- define "main" -}}
  <section class="front-page-band-content">
    <section class="main-section">
      <div class="logo-box freebsd-horizontal front-page-logo">
        <div class="logo-box-image"></div>
      </div>
      <div class="front-page-tagline">{{- i18n "title-one" -}}<br />{{- i18n "title-two" -}}</div>
      <section class="downloads-container">
        <section class="downloads download-section">
          <div class="download-section-title">{{ i18n "download-freebsd" }} {{ index hugo.Data.releases "rel150-current" }}</div>
          <div>
            <a class="download-button-release" href="https://download.freebsd.org/releases/amd64/amd64/ISO-IMAGES/{{ index hugo.Data.releases "rel150-current" }}/">amd64</a>
            <a class="download-button-release" href="https://download.freebsd.org/releases/arm64/aarch64/ISO-IMAGES/{{ index hugo.Data.releases "rel150-current" }}/">aarch64</a>
            <a class="download-button-release" href="/where/#download">{{ i18n "other" }}</a>
          </div>
          <div class="download-links">
            <a href="/releases/{{ index hugo.Data.releases "rel150-current" }}R/announce/">{{ i18n "announcement" }}</a>,
            <a href="/releases/{{ index hugo.Data.releases "rel150-current" }}R/relnotes/">{{ i18n "notes" }}</a>
          </div>
        </section>
      </section>
    </section>
  </section>
  <div class="front-page-band-on">
    <section class="front-page-band-content">
      <section class="why-freebsd-flex">
        <section class="why-freebsd-flex-item">
          <h3>{{- i18n "zfs-title" -}}</h3>
          <div class="logo-box openzfs">
            <div class="logo-box-image"></div>
          </div>
          <p>
            <a href="https://openzfs.github.io/openzfs-docs/" target="_blank">OpenZFS</a> {{ i18n "zfs-description" }}
          </p>
        </section>
        <section class="why-freebsd-flex-item">
          <h3>{{- i18n "virtualization-title" -}}</h3>
          <div class="logo-box bhyve">
            <div class="logo-box-image"></div>
          </div>
          <p><a href="https://bhyve.org" target="_blank">bhyve</a> {{ i18n "virtualization-description" }}</p>
        </section>
        <section class="why-freebsd-flex-item">
          <h3>{{- i18n "jails-title" -}}</h3>
          <div class="logo-box jails">
            <div class="logo-box-image"></div>
          </div>
          <p>{{ i18n "jails-description" }}</p>
        </section>
        <section class="why-freebsd-flex-item">
          <h3>{{- i18n "networking-title" -}}</h3>
          <div class="logo-box network">
            <div class="logo-box-image"></div>
          </div>
          <p>{{- i18n "networking-description" -}}</p>
        </section>
        <section class="why-freebsd-flex-item">
          <h3>{{- i18n "documentation-title" -}}</h3>
          <div class="logo-box docs">
            <div class="logo-box-image"></div>
          </div>
          <p>{{ i18n "documentation-description" }}</p>
        </section>
        <section class="why-freebsd-flex-item">
          <h3>{{- i18n "community-title" -}}</h3>
          <div class="logo-box community">
            <div class="logo-box-image"></div>
          </div>
          <p>{{ i18n "community-description" }}</p>
        </section>
      </section>
    </section>
  </div>
  <section class="front-page-band-content">
    <section id="news" class="feed-flex">
      <section class="feed-flex-item">{{- partial "news.html" . -}}</section>
      <section class="feed-flex-item">{{- partial "events.html" . -}}</section>
      <section class="feed-flex-item">{{- partial "press.html" . -}}</section>
      <section class="feed-flex-item">
        {{- partial "advisories.html" . -}}
        {{- partial "errata-notices.html" . -}}
      </section>
    </section>
  </section>
{{- end -}}