{{ define "main" }}
{{ $home := .Site.Data.site.home }}

{{ if $home.hero.enabled }}
<section class="hero arcade-grid-bg">
  <div class="container">
    {{ if $home.hero.eyebrow }}
      <p class="hero__eyebrow">{{ $home.hero.eyebrow }}</p>
    {{ end }}
    <h1 class="hero__logo">{{ $home.hero.headline | default "Fat Kiss" }}</h1>
    {{ if $home.hero.subheadline }}
      <p class="hero__subhead">{{ $home.hero.subheadline }}</p>
    {{ end }}
    {{ if $home.hero.body }}
      <p class="hero__body">{{ $home.hero.body }}</p>
    {{ end }}
    <div class="hero__actions">
      {{ if $home.hero.primary_cta_label }}
        <a href="{{ $home.hero.primary_cta_url | default "/products/" }}" class="btn btn--primary btn--lg">{{ $home.hero.primary_cta_label }}</a>
      {{ end }}
      {{ if $home.hero.secondary_cta_label }}
        <a href="{{ $home.hero.secondary_cta_url | default "/contact/" }}" class="btn btn--secondary btn--lg">{{ $home.hero.secondary_cta_label }}</a>
      {{ end }}
    </div>
  </div>
</section>
{{ end }}

{{ if $home.brand_statement.enabled }}
<section class="section">
  <div class="container container--narrow" style="text-align:center">
    <h2>{{ $home.brand_statement.headline }}</h2>
    <p class="section__body" style="margin-top:var(--fk-space-lg)">{{ $home.brand_statement.body }}</p>
  </div>
</section>
{{ end }}

{{ if $home.featured_products.enabled }}
<section class="section">
  <div class="container">
    <p class="section__label">{{ $home.featured_products.title | default "The Balms" }}</p>
    <h2 class="section__title">Meet the collection</h2>
    <div class="grid-3">
      {{ $slugs := $home.featured_products.product_slugs }}
      {{ range where .Site.RegularPages "Section" "products" }}
        {{ if in $slugs .File.ContentBaseName }}
          {{ partial "product-card.html" . }}
        {{ end }}
      {{ end }}
    </div>
  </div>
</section>
{{ end }}

{{ if $home.ethos.enabled }}
<section class="section">
  <div class="container container--narrow ethos-block">
    <div class="ethos-block__icon">{{ partial "svg-logo.html" . }}</div>
    <h2>{{ $home.ethos.title }}</h2>
    <p class="section__body" style="margin-top:var(--fk-space-lg)">{{ $home.ethos.body }}</p>
    {{ if $home.ethos.cta_label }}
      <a href="{{ $home.ethos.cta_url | default "/about/" }}" class="btn btn--secondary" style="margin-top:var(--fk-space-xl)">{{ $home.ethos.cta_label }}</a>
    {{ end }}
  </div>
</section>
{{ end }}

{{ if and $home.reviews.enabled .Site.Data.reviews }}
<section class="section">
  <div class="container">
    <p class="section__label">Reviews</p>
    <h2 class="section__title">What people are saying</h2>
    <div class="grid-3">
      {{ $reviews := slice }}
      {{ range .Site.Data.reviews }}
        {{ $reviews = $reviews | append . }}
      {{ end }}
      {{ range first ($home.reviews.max_items | default 3) (where $reviews "enabled" true) }}
        <div class="review-card">
          <p class="review-card__text">"{{ .review_text }}"</p>
          <p class="review-card__author">{{ .reviewer_name }}</p>
          {{ with .reviewer_location }}
            <p class="review-card__location">{{ . }}</p>
          {{ end }}
        </div>
      {{ end }}
    </div>
  </div>
</section>
{{ end }}

{{ if and $home.journal_preview.enabled (where .Site.RegularPages "Section" "journal" | len | gt 0) }}
<section class="section">
  <div class="container">
    <p class="section__label">Journal</p>
    <h2 class="section__title">Notes from the studio</h2>
    <div class="grid-2">
      {{ range first ($home.journal_preview.max_items | default 2) (where .Site.RegularPages "Section" "journal") }}
        <a href="{{ .RelPermalink }}" class="journal-card">
          {{ with .Params.hero_image }}
            <div class="journal-card__image"><img src="{{ . }}" alt="{{ $.Title }}" loading="lazy"></div>
          {{ end }}
          <div class="journal-card__body">
            <p class="journal-card__date">{{ .Date.Format "January 2, 2006" }}</p>
            <h3 class="journal-card__title">{{ .Title }}</h3>
            {{ with .Params.summary }}
              <p class="journal-card__summary">{{ . }}</p>
            {{ end }}
          </div>
        </a>
      {{ end }}
    </div>
  </div>
</section>
{{ end }}

{{ if and $home.newsletter.enabled (ne .Site.Data.site.settings.enable_newsletter false) }}
<section class="section">
  <div class="container container--narrow">
    {{ partial "newsletter-signup.html" . }}
  </div>
</section>
{{ end }}
{{ if $home.waitlist.enabled }}
<section class="section">
  <div class="container container--narrow">
    <div class="waitlist-block">
      <h2 class="waitlist-block__title">{{ $home.waitlist.title }}</h2>
      <p class="waitlist-block__body">{{ $home.waitlist.body }}</p>
      <a href="{{ $home.waitlist.cta_url | default "/contact/" }}" class="btn btn--primary">{{ $home.waitlist.cta_label }}</a>
    </div>
  </div>
</section>
{{ end }}

{{ end }}