Move support link to button

Author: sarahsanders-docker

hugo_stats.json

@@ -418,6 +418,7 @@
       "pb-0.5",
       "pb-1",
       "pb-2",
+      "pb-20",
       "pb-4",
       "pb-8",
       "pl-1",
@@ -429,6 +430,7 @@
       "placeholder:text-white",
       "pr-2",
       "prose",
+      "pt-10",
       "pt-2",
       "pt-4",
       "px-1",

layouts/partials/components/support-button.html

@@ -0,0 +1,7 @@
+<a
+  href="https://hub.docker.com/support/contact"
+  class="flex items-center rounded bg-blue-light dark:bg-blue-dark text-white
+  py-2 px-4 z-50"
+  aria-label="Contact support">
+  <span>Contact support</span>
+</a>

layouts/partials/footer.html

@@ -1,10 +1,12 @@
-<div class="flex justify-center py-20 px-4 bg-gray-light-100 dark:bg-gray-dark-200">
+<div class="flex justify-center py-8 px-4 bg-gray-light-100 dark:bg-gray-dark-200">
+  {{ partialCached "components/support-button.html" . }}
+</div>
+<div class="flex justify-center pt-10 pb-20 px-4 bg-gray-light-100 dark:bg-gray-dark-200">
   <div class="flex w-full max-w-[840px] flex-col gap-10">
     <div class="flex flex-col md:flex-row gap-4 items-center justify-evenly">
       <a class="underline-offset-2 hover:underline" href="https://www.docker.com/">Product offerings</a>
       <a class="underline-offset-2 hover:underline" href="https://www.docker.com/pricing/">Pricing</a>
       <a class="underline-offset-2 hover:underline" href="https://www.docker.com/company/">About us</a>
-      <a class="underline-offset-2 hover:underline" href="https://www.docker.com/support/">Support</a>
       {{- with .GetPage "/contribute" }}
         <a class="underline-offset-2 hover:underline" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
       {{- end }}