From 45aeb0c83a5621f69d605af295a0d2f66ba7be14 Mon Sep 17 00:00:00 2001
From: Sarah Sanders <sarah.sanders@docker.com>
Date: Wed, 19 Mar 2025 11:06:52 -0400
Subject: [PATCH] chore: add contact support button (#22275)

## Description
- Removes Support link to WWW from footer
- Replaces w/ Contact support button in footer that goes to the support
form
- This is an improvement to the get support experience from Docs,
testing to see how this new format and configuration works

**Do not merge, waiting for final approval from Support**

## Related issues or tickets
- [ENGDOCS-2484](https://docker.atlassian.net/browse/ENGDOCS-2484)

## Reviews
- [ ] Editorial review
- [ ] Product review

[ENGDOCS-2484]:
https://docker.atlassian.net/browse/ENGDOCS-2484?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
---
 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 e7379312f2..4d34be18e7 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 0000000000..5680f6f6b0
--- /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 4158b0c70d..07072f380e 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 }}