{{/*  
  1) Headline ✅
  2) Product Categories ✅
    - Offer 1
    - Top 4 Categories
  3) Perspectives ✅
    - Major Story
    - Recent Perspectives
  4) Products ✅
    - New
    - All Time
    - Offers
  5) Affiliate Offers 🟡
  6) Lead Capture 🟡
  7) Inbound Offers 🟡
*/}}

{{ define "main" }}
<section id="feature-categories" class="hero grid gap-4 my-12">
  <header class="box flex flex-col sm:flex-row justify-between">
    <h1 class="font-extralight text-3xl sm:text-4xl md:text-5xl">Lorem ipsum dolor sit amet consectetur adipisicing elit</h1>
    {{/*  <button class="text-right">Click me</button>  */}}
  </header>
  {{ partial "content/categories/mosaic.html" . }}
</section>

<section id="articles" class="my-12">
  {{ partial "content/articles/feature.html" . }}
</section>

<section id="products" class="my-12">
  {{ partial "content/products/feature.html" . }}
</section>

  {{ .Content }}

  <div class="grid sm:grid-cols-4 gap-6">

  </div>
{{ end }}