feat: add API runtime governance and api mocking to menu

Author: manishayd22

src/components/nav/DrawerNav.tsx

@@ -52,6 +52,8 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
             <SubLink href="https://traefik.io/solutions/api-management/">API Management</SubLink>
             <SubLink href="https://traefik.io/solutions/waf/">Web Application Firewall</SubLink>
             <SubLink href="https://traefik.io/solutions/api-gateway/">API Gateway</SubLink>
+            <SubLink href="https://traefik.io/solutions/api-governance/">Runtime API Governance</SubLink>
+            <SubLink href="https://traefik.io/solutions/api-mocking/">API Mocking</SubLink>
           </div>
         </div>
 

src/components/nav/MainNav.tsx

@@ -10,6 +10,8 @@ import { ReactComponent as TraefikIcon } from '../../images/Traefik-Hub.svg'
 import { ReactComponent as TraefikProxyIcon } from '../../images/TraefikProxy.svg'
 import { ReactComponent as TraefikEnterpriseIcon } from '../../images/TraefikEnterprise.svg'
 import { ReactComponent as ApiGatewayIcon } from '../../images/APIGateway.svg'
+import { ReactComponent as ApiGovernanceIcon } from '../../images/APIGovernance.svg'
+import { ReactComponent as ApiMockingIcon } from '../../images/APIMocking.svg'
 import { ReactComponent as APIManagementIcon } from '../../images/APIManagement.svg'
 import { ReactComponent as DockerSwarmIcon } from '../../images/DockerSwarmIngress.svg'
 import { ReactComponent as KubernetesIcon } from '../../images/KubernetesIngress.svg'
@@ -166,6 +168,20 @@ const MainNav = () => {
                   description: 'Simplifies and Accelerates API lifecycle management.',
                   icon: <ApiGatewayIcon />,
                 },
+                {
+                  title: 'Runtime API Governance',
+                  url: 'https://traefik.io/solutions/api-governance/',
+                  external: true,
+                  description: 'Enforce critical runtime API policies for secure, reliable, and compliant API management.',
+                  icon: <ApiGovernanceIcon />,
+                },
+                {
+                  title: 'API Mocking',
+                  url: 'https://traefik.io/solutions/api-mocking/',
+                  external: true,
+                  description: 'Create, publish, and consume mock APIs with production-like UX and SLAs.',
+                  icon: <ApiMockingIcon/>,
+                },
               ]}
               bgImage={'https://traefik.io/images/site-nav/PatternBG-2@3x.png'}
             />