fix subnav css overlap, inconsistent subnav data (#7230)

website/components/subnav/index.jsx

@@ -1,4 +1,5 @@
 import Subnav from '@hashicorp/react-subnav'
+import subnavItems from '../../data/subnav'
 import { useRouter } from 'next/router'
 
 export default function NomadSubnav() {
@@ -15,52 +16,7 @@ export default function NomadSubnav() {
       ]}
       currentPath={router.pathname}
       menuItemsAlign="right"
-      menuItems={[
-        { text: 'Overview', url: '/', type: 'inbound' },
-        {
-          text: 'Use Cases',
-          submenu: [
-            {
-              text: 'Simple Container Orchestration',
-              url: '/use-cases/simple-container-orchestration'
-            },
-            {
-              text: 'Non-Containerized Application Orchestration',
-              url: '/use-cases/non-containerized-application-orchestration'
-            },
-            {
-              text: 'Automated Service Networking with Consul',
-              url: '/use-cases/automated-service-networking-with-consul'
-            }
-          ]
-        },
-        {
-          text: 'Enterprise',
-          url: 'https://www.hashicorp.com/products/nomad/',
-          type: 'outbound'
-        },
-        'divider',
-        {
-          text: 'Learn',
-          url: 'https://learn.hashicorp.com/nomad',
-          type: 'outbound'
-        },
-        {
-          text: 'Docs',
-          url: '/docs',
-          type: 'inbound'
-        },
-        {
-          text: 'API',
-          url: '/api-docs',
-          type: 'inbound'
-        },
-        {
-          text: 'Resources',
-          url: '/resources',
-          type: 'inbound'
-        }
-      ]}
+      menuItems={subnavItems}
     />
   )
 }

website/data/subnav.js

@@ -1,12 +1,46 @@
 export default [
-  { title: 'Intro', url: '/intro/' },
-  { title: 'Guides', url: '/guides/' },
-  { title: 'Docs', url: '/docs' },
-  { title: 'API', url: '/api-docs' },
-  { title: '|' },
-  { title: 'Resources', url: '/resources' },
+  { text: 'Overview', url: '/', type: 'inbound' },
   {
-    title: 'Enterprise',
-    url: 'https://www.hashicorp.com/products/nomad/enterprise'
+    text: 'Use Cases',
+    submenu: [
+      {
+        text: 'Simple Container Orchestration',
+        url: '/use-cases/simple-container-orchestration'
+      },
+      {
+        text: 'Non-Containerized Application Orchestration',
+        url: '/use-cases/non-containerized-application-orchestration'
+      },
+      {
+        text: 'Automated Service Networking with Consul',
+        url: '/use-cases/automated-service-networking-with-consul'
+      }
+    ]
+  },
+  {
+    text: 'Enterprise',
+    url: 'https://www.hashicorp.com/products/nomad/',
+    type: 'outbound'
+  },
+  'divider',
+  {
+    text: 'Learn',
+    url: 'https://learn.hashicorp.com/nomad',
+    type: 'outbound'
+  },
+  {
+    text: 'Docs',
+    url: '/docs',
+    type: 'inbound'
+  },
+  {
+    text: 'API',
+    url: '/api-docs',
+    type: 'inbound'
+  },
+  {
+    text: 'Resources',
+    url: '/resources',
+    type: 'inbound'
   }
 ]

website/package.json

@@ -13,16 +13,16 @@
     "@hashicorp/react-consent-manager": "^2.0.5",
     "@hashicorp/react-call-to-action": "^0.1.2",
     "@hashicorp/react-content": "^2.2.0",
-    "@hashicorp/react-docs-sidenav": "^3.0.2",
+    "@hashicorp/react-docs-sidenav": "^3.0.3",
     "@hashicorp/react-docs-sitemap": "^1.0.0",
-    "@hashicorp/react-footer": "^3.1.8",
+    "@hashicorp/react-footer": "^3.1.10",
     "@hashicorp/react-global-styles": "^4.0.9",
-    "@hashicorp/react-hero": "^3.0.2",
+    "@hashicorp/react-hero": "^3.0.3",
     "@hashicorp/react-image": "^2.0.1",
     "@hashicorp/react-inline-svg": "^1.0.0",
-    "@hashicorp/react-product-downloader": "^2.5.1",
+    "@hashicorp/react-product-downloader": "^3.0.1",
     "@hashicorp/react-section-header": "^2.0.0",
-    "@hashicorp/react-text-and-content": "^4.0.3",
+    "@hashicorp/react-text-and-content": "^4.0.4",
     "@hashicorp/react-subnav": "^1.1.1",
     "@hashicorp/react-text-split": "^0.2.2",
     "@hashicorp/react-text-split-with-code": "0.0.4",
@@ -33,10 +33,10 @@
     "highlight.js": "^9.18.1",
     "imagemin-mozjpeg": "^8.0.0",
     "imagemin-optipng": "^7.1.0",
-    "imagemin-svgo": "^7.0.0",
+    "imagemin-svgo": "^7.1.0",
     "isomorphic-unfetch": "^3.0.0",
     "marked": "^0.7.0",
-    "next": "9.2.1",
+    "next": "9.2.2",
     "nprogress": "^0.2.0",
     "nuka-carousel": "^4.6.3",
     "react": "^16.12.0",