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
This commit is contained in:
Sarah Sanders
2025-03-19 11:06:52 -04:00
committed by GitHub
parent f54284dfb1
commit 45aeb0c83a
3 changed files with 13 additions and 2 deletions

View File

@@ -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",

View File

@@ -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>

View File

@@ -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 }}