{{include "header.html"}}
{{include "nav.html"}}
{{include "bread.html"}}

<main class="max-w-6xl mx-auto px-4 py-8">
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
    <article class="lg:col-span-2">
      <div class="rounded-2xl border border-ink-200 bg-white p-8 shadow-soft">
        <div class="text-xs uppercase tracking-widest text-brand-700/80">{{.Single.Name}}</div>
        <h1 class="mt-2 text-3xl font-semibold tracking-tight">{{.Single.Title}}</h1>
        <div class="mt-3 text-sm text-ink-600">{{.Single.Description}}</div>
        <div class="mt-8 prose max-w-none">
          {{Str2Html .Single.Content}}
        </div>
      </div>
    </article>

    <div>
      {{include "sidebar.html"}}
    </div>
  </div>
</main>

{{include "footer.html"}}
{{include "js.html"}}