update react-components package and adjust product data

package.json

@@ -107,7 +107,7 @@
 		"@hashicorp/react-alert-banner": "^7.1.0",
 		"@hashicorp/react-button": "^6.3.1",
 		"@hashicorp/react-code-block": "^6.7.0",
-		"@hashicorp/react-components": "^1.1.7",
+		"@hashicorp/react-components": "^1.1.8",
 		"@hashicorp/react-consent-manager": "^9.3.0",
 		"@hashicorp/react-content": "^8.3.0",
 		"@hashicorp/react-design-system-components": "0.0.0-nightly.05f1ad1",

src/components/mobile-menu-levels-generic/index.tsx

@@ -10,7 +10,7 @@ import MobileMenuContainer, {
 import ProductPanel from '@hashicorp/react-components/src/components/nav-panel/product-panel'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'
 // Data
-import { navigationData, navPromo, sidePanelContent } from 'lib/products'
+import { mobileNavigationData, navPromo, sidePanelContent } from 'lib/products'
 // Styles
 import s from './mobile-menu-levels-generic.module.css'
 
@@ -32,7 +32,7 @@ function MobileMenuLevelsGeneric() {
 
 			<NavigationMenu.Root className={s.mobileMenuNavList}>
 				<ProductPanel
-					productCategories={navigationData}
+					productCategories={mobileNavigationData}
 					promo={navPromo}
 					sidePanel={sidePanelContent}
 				/>

src/lib/products.ts

@@ -47,6 +47,69 @@ const productSlugsToHostNames: { [slug in ProductSlug]: string } = {
 }
 
 const navigationData: ProductNavData = [
+	{
+		title: 'Infrastructure Lifecycle Management',
+		products: [
+			{
+				product: 'Terraform',
+				url: '/terraform',
+				description: 'Manage infrastructure as code',
+			},
+			{
+				product: 'Packer',
+				url: '/packer',
+				description: 'Build machine images',
+			},
+			{
+				product: 'Nomad',
+				url: '/nomad',
+				description: 'Orchestrate workloads',
+			},
+			{
+				product: 'Waypoint',
+				url: '/waypoint',
+				description: 'Standardize application patterns',
+			},
+			{
+				product: 'Vagrant',
+				url: '/vagrant',
+				description: 'Build developer environments',
+			},
+		],
+	},
+	{
+		title: 'Security Lifecycle Management',
+		products: [
+			{
+				product: 'Vault',
+				url: '/vault',
+				description: 'Centrally manage secrets',
+			},
+			{
+				product: 'Boundary',
+				url: '/boundary',
+				description: 'Secure remote access',
+			},
+			{
+				product: 'HCP Vault Secrets',
+				url: '/hcp/docs/vault-secrets',
+				description: 'Manage secrets as a service',
+			},
+			{
+				product: 'Consul',
+				url: '/consul',
+				description: 'Secure network services',
+			},
+			{
+				product: 'HCP Vault Radar',
+				url: '/hcp/docs/vault-radar',
+				description: 'Scan for embedded secrets',
+			},
+		],
+	},
+]
+
+const mobileNavigationData: ProductNavData = [
 	{
 		title: 'Infrastructure Lifecycle Management',
 		products: [
@@ -177,6 +240,7 @@ export {
 	productSlugsToHostNames,
 	productSlugsToNames,
 	navigationData,
+	mobileNavigationData,
 	navPromo,
 	sidePanelContent,
 }