move to top banner

layouts/partials/sections/banner.html

@@ -0,0 +1,14 @@
+{{/*
+  An announcement banner: a dark rounded plate with an optional `badge`
+  (short label on the left), `kicker`, `headline`, `body`, and `ctas`.
+*/}}
+{{ $s := . }}
+<div class="banner">
+  {{ with $s.badge }}<div class="banner-badge"><span>{{ . }}</span></div>{{ end }}
+  <div class="banner-copy">
+    {{ with $s.kicker }}<p class="eyebrow">{{ . }}</p>{{ end }}
+    {{ with $s.headline }}<h2 class="banner-title">{{ . | markdownify }}</h2>{{ end }}
+    {{ with $s.body }}<p class="banner-text">{{ . | markdownify }}</p>{{ end }}
+  </div>
+  {{ if $s.ctas }}<div class="actions">{{ partial "sections/ctas.html" $s.ctas }}</div>{{ end }}
+</div>