feat: begin Blowfish v3 visual refresh

layouts/shortcodes/cta.html

@@ -0,0 +1,9 @@
+{{ $url := .Get "url" | default "#" }}
+{{ $label := .Get "label" | default "Learn more" }}
+{{ $style := .Get "style" | default "primary" }}
+<a
+  class="not-prose inline-flex items-center gap-2 rounded-xl px-5 py-3 font-semibold transition focus-visible:outline-2 focus-visible:outline-offset-2 {{ if eq $style "outline" }}border border-neutral-300 bg-white text-neutral-800 hover:border-primary-400 hover:text-primary-600 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:text-primary-400{{ else }}bg-primary-600 text-white shadow-lg shadow-primary-500/20 hover:-translate-y-0.5 hover:bg-primary-500 focus-visible:outline-primary-600{{ end }}"
+  href="{{ $url | safeURL }}">
+  {{ $label | markdownify }}
+  {{ partial "icon.html" "link" }}
+</a>

layouts/shortcodes/feature-grid.html

@@ -0,0 +1,4 @@
+{{ $columns := .Get "columns" | default "3" }}
+<div class="not-prose my-8 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/feature.html

@@ -0,0 +1,18 @@
+{{ $icon := .Get "icon" | default "wand-magic-sparkles" }}
+{{ $title := .Get "title" | default "Feature" }}
+{{ $url := .Get "url" }}
+{{ $label := .Get "label" | default "Learn more" }}
+
+<article class="group rounded-2xl border border-neutral-200 bg-white p-6 shadow-sm transition duration-200 hover:-translate-y-1 hover:border-primary-300 hover:shadow-xl hover:shadow-primary-500/10 dark:border-neutral-800 dark:bg-neutral-900 dark:hover:border-primary-700">
+  <span class="mb-5 inline-flex rounded-xl bg-primary-100 p-3 text-primary-600 dark:bg-primary-950 dark:text-primary-400">
+    {{ partial "icon.html" $icon }}
+  </span>
+  <h3 class="text-lg font-bold text-neutral-950 dark:text-white">{{ $title | markdownify }}</h3>
+  <div class="mt-2 text-sm leading-6 text-neutral-600 dark:text-neutral-400">{{ .Inner | markdownify }}</div>
+  {{ with $url }}
+    <a class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-primary-600 hover:text-primary-500 dark:text-primary-400" href="{{ . | safeURL }}">
+      {{ $label | markdownify }}
+      {{ partial "icon.html" "link" }}
+    </a>
+  {{ end }}
+</article>