feat: add modern content and navigation primitives

layouts/shortcodes/stat.html

@@ -0,0 +1,7 @@
+{{ $value := .Get "value" | default "0" }}
+{{ $label := .Get "label" | default "Metric" }}
+<div class="rounded-2xl border border-neutral-200 bg-white/80 p-6 text-center shadow-sm dark:border-neutral-800 dark:bg-neutral-900/80">
+  <p class="text-4xl font-black tracking-tight text-primary-600 dark:text-primary-400">{{ $value | markdownify }}</p>
+  <p class="mt-2 font-bold text-neutral-950 dark:text-white">{{ $label | markdownify }}</p>
+  {{ with .Inner }}<div class="mt-2 text-sm leading-6 text-neutral-600 dark:text-neutral-400">{{ . | markdownify }}</div>{{ end }}
+</div>

layouts/shortcodes/stats.html

@@ -0,0 +1,4 @@
+{{ $columns := .Get "columns" | default "3" }}
+<div class="not-prose my-10 grid gap-4 sm:grid-cols-2 {{ if eq $columns "4" }}lg:grid-cols-4{{ else }}lg:grid-cols-3{{ end }}">
+  {{ .Inner }}
+</div>

layouts/shortcodes/step.html

@@ -0,0 +1,7 @@
+{{ $title := .Get "title" | default "Step" }}
+{{ $number := .Get "number" }}
+<li class="relative">
+  <span class="absolute -start-[2.1rem] top-0 flex h-8 w-8 items-center justify-center rounded-full bg-primary-600 text-sm font-black text-white ring-4 ring-neutral dark:ring-neutral-800">{{ $number | default "•" }}</span>
+  <h3 class="text-lg font-bold text-neutral-950 dark:text-white">{{ $title | markdownify }}</h3>
+  <div class="mt-1 text-neutral-600 dark:text-neutral-400">{{ .Inner | markdownify }}</div>
+</li>

layouts/shortcodes/steps.html

@@ -0,0 +1,3 @@
+<ol class="not-prose my-10 space-y-5 border-s border-primary-200 ps-6 dark:border-primary-900">
+  {{ .Inner }}
+</ol>