From f657015d5888fd123d6d376452272d3acb68e5bd Mon Sep 17 00:00:00 2001
From: Sarah Sanders <sarah.sanders@docker.com>
Date: Tue, 18 Mar 2025 13:24:52 -0400
Subject: [PATCH] Move support link to button

---
 hugo_stats.json                                 | 2 ++
 layouts/partials/components/support-button.html | 7 +++++++
 layouts/partials/footer.html                    | 6 ++++--
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 layouts/partials/components/support-button.html

diff --git a/hugo_stats.json b/hugo_stats.json
index e7379312f29b..4d34be18e7ed 100644
--- a/hugo_stats.json
+++ b/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",
diff --git a/layouts/partials/components/support-button.html b/layouts/partials/components/support-button.html
new file mode 100644
index 000000000000..5680f6f6b0a0
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 4158b0c70da2..07072f380eb8 100644
--- a/layouts/partials/footer.html
+++ b/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 }}