{{ define "main" }}
<article class="page-enter">
  <section class="about-hero">
    <div class="container container--narrow">
      <h1 class="about-hero__title">{{ .Title }}</h1>
      <div class="about-hero__body">{{ .Content }}</div>
    </div>
  </section>

  {{ with .Params.founder_story }}
  <section class="about-section">
    <div class="container container--narrow">
      <h2 class="about-section__title">{{ .title }}</h2>
      <div class="about-section__body">{{ .body | markdownify }}</div>
    </div>
  </section>
  {{ end }}

  {{ with .Params.product_philosophy }}
  <section class="about-section">
    <div class="container container--narrow">
      <h2 class="about-section__title">{{ .title }}</h2>
      <div class="about-section__body">{{ .body | markdownify }}</div>
    </div>
  </section>
  {{ end }}

  {{ with .Params.renaissance_woman }}
  <section class="about-section">
    <div class="container container--narrow">
      <h2 class="about-section__title">{{ .title }}</h2>
      <div class="about-section__body">{{ .body | markdownify }}</div>
    </div>
  </section>
  {{ end }}

  {{ with .Params.natural_ritual }}
  <section class="about-section">
    <div class="container container--narrow">
      <h2 class="about-section__title">{{ .title }}</h2>
      <div class="about-section__body">{{ .body | markdownify }}</div>
    </div>
  </section>
  {{ end }}

  {{ with .Params.future_vision }}
  <section class="about-section">
    <div class="container container--narrow">
      <h2 class="about-section__title">{{ .title }}</h2>
      <div class="about-section__body">{{ .body | markdownify }}</div>
    </div>
  </section>
  {{ end }}

  {{ with .Params.cta }}
  <section class="section" style="text-align:center">
    <a href="{{ .url }}" class="btn btn--primary btn--lg">{{ .label }}</a>
  </section>
  {{ end }}
</article>
{{ end }}