130 lines
4.6 KiB
HTML
130 lines
4.6 KiB
HTML
{{ 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 $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 }}
|