Add 'Contact Us' to top nav (#14602)

* Add 'Contact Us' to top nav

* Update mobile nav to handle new item

Author: shughes26

assets/css/bundle.css

@@ -4576,7 +4576,7 @@ nav.actually-docs div.top-nav-container div.nav-items ul li a{
   gap:4px
 }
 
-nav.actually-docs div.top-nav-container div.nav-items ul li.github-widget,nav.actually-docs div.top-nav-container div.nav-items ul li.slack,nav.actually-docs div.top-nav-container div.nav-items ul li.docs,nav.actually-docs div.top-nav-container div.nav-items ul li.registry,nav.actually-docs div.top-nav-container div.nav-items ul li.ai,nav.actually-docs div.top-nav-container div.nav-items ul div.get-started{
+nav.actually-docs div.top-nav-container div.nav-items ul li.github-widget,nav.actually-docs div.top-nav-container div.nav-items ul li.slack,nav.actually-docs div.top-nav-container div.nav-items ul li.docs,nav.actually-docs div.top-nav-container div.nav-items ul li.registry,nav.actually-docs div.top-nav-container div.nav-items ul li.ai,nav.actually-docs div.top-nav-container div.nav-items ul li.contact,nav.actually-docs div.top-nav-container div.nav-items ul div.get-started{
   display:none
 }
 
@@ -4593,7 +4593,7 @@ nav.actually-docs div.top-nav-container div.nav-items ul li.github-widget,nav.ac
 }
 
 @media(min-width: 475px){
-  nav.actually-docs div.top-nav-container div.nav-items ul li.ai{
+  nav.actually-docs div.top-nav-container div.nav-items ul li.ai,nav.actually-docs div.top-nav-container div.nav-items ul li.contact{
     display:flex
   }
 }

layouts/partials/docs-top-nav.html

@@ -55,6 +55,12 @@
                         Pulumi AI
                     </a>
                 </li>
+                <li class="contact">
+                    <a data-track="header-contact" href="/contact">
+                        <i class="fas fa-comment mr-0.5"></i>
+                        Contact Us
+                    </a>
+                </li>
                 <li>
                     <a data-track="header-console" href="https://app.pulumi.com/" target="_blank">
                         <i class="fa fa-refular fa-user-circle"></i>

layouts/partials/header.html

@@ -46,6 +46,12 @@
                             Pulumi AI
                         </a>
                     </li>
+                    <li class="mr-8">
+                        <a data-track="header-contact" href="/contact">
+                            <i class="fas fa-comment mr-0.5"></i>
+                            Contact Us
+                        </a>
+                    </li>
                     <li>
                         <a data-track="header-console" href="https://app.pulumi.com/" target="_blank">
                             <i class="fas fa-user-circle"></i>
@@ -559,13 +565,14 @@
                             </div>
                         </ul>
                         <div class="mobile-menu-footer">
-                            <div class="flex items-center justify-between py-4 px-2 border-t my-4 mx-2 border-gray-200">
-                                <a href="https://github.com/pulumi/pulumi">GitHub</a>
-                                <a href="https://slack.pulumi.com/">Slack</a>
-                                <a href="/docs/">Docs</a>
-                                <a href="/registry/">Registry</a>
-                                <a href="/ai">Pulumi AI</a>
-                                <a href="https://app.pulumi.com/">
+                            <div class="flex flex-wrap space-x-2 items-center justify-around py-4 px-2 border-t my-4 mx-2 border-gray-200">
+                                <a class="mb-2" href="https://github.com/pulumi/pulumi">GitHub</a>
+                                <a class="mb-2" href="https://slack.pulumi.com/">Slack</a>
+                                <a class="mb-2" href="/docs/">Docs</a>
+                                <a class="mb-2" href="/registry/">Registry</a>
+                                <a class="mb-2" href="/ai">Pulumi AI</a>
+                                <a class="mb-2" href="/contact">Contact Us</a>
+                                <a class="mb-2" href="https://app.pulumi.com/">
                                     {{ partial "top-nav-user-toggle" }}
                                 </a>
                             </div>

theme/src/scss/docs/_docs-top-nav.scss

@@ -106,6 +106,7 @@ nav.actually-docs {
             li.docs,
             li.registry,
             li.ai,
+            li.contact,
             div.get-started   {
                 display: none;
             }
@@ -124,7 +125,8 @@ nav.actually-docs {
                 }
             }
 
-            li.ai {
+            li.ai,
+            li.contact {
                 @media (min-width: 475px) {
                     display: flex
                 }