feat: add MCP Gateway to navigation

src/components/nav/DrawerNav.tsx

@@ -73,28 +73,30 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
               AI Gateway
               <Badge>New!</Badge>
             </SubLink>
+            <SubLink href="https://traefik.io/solutions/mcp-gateway/">
+              MCP Gateway
+              <Badge>New!</Badge>
+            </SubLink>
             <SubLink href="https://traefik.io/solutions/api-gateway/">Modern API Gateway</SubLink>
             <SubLink href="https://traefik.io/solutions/api-mocking/">
               API Mocking <Badge>New!</Badge>
             </SubLink>
             <SubLink href="https://traefik.io/solutions/api-management/">GitOps-Driven API Management</SubLink>
-            <SubLink href="https://traefik.io/solutions/air-gapped-ai-and-api-management/">Air-Gapped API Management <Badge>New!</Badge></SubLink>
-            <SubLink href="https://traefik.io/solutions/waf/">
-              Web Application Firewall
-            </SubLink>
-            <SubLink href="https://traefik.io/solutions/api-governance/">
-              Runtime API Governance
+            <SubLink href="https://traefik.io/solutions/air-gapped-ai-and-api-management/">
+              Air-Gapped API Management <Badge>New!</Badge>
             </SubLink>
+            <SubLink href="https://traefik.io/solutions/waf/">Web Application Firewall</SubLink>
+            <SubLink href="https://traefik.io/solutions/api-governance/">Runtime API Governance</SubLink>
             <SubLink href="https://traefik.io/solutions/kubernetes-ingress/">Kubernetes Ingress</SubLink>
             <SubLink href="https://traefik.io/solutions/docker-swarm-ingress/">Docker Swarm Ingress</SubLink>
             <SubLink href="https://traefik.io/choose-traefik-oss/">
               Replace Ingress-NGINX <Badge>New!</Badge>
             </SubLink>
             <SubLink href="https://traefik.io/solutions/hashicorp-and-traefik/">Traefik & HashiCorp</SubLink>
-            <SubLink href="https://traefik.io/solutions/microsoft-and-traefik/">
-              Traefik & Microsoft 
+            <SubLink href="https://traefik.io/solutions/microsoft-and-traefik/">Traefik & Microsoft</SubLink>
+            <SubLink href="https://traefik.io/solutions/nutanix-and-traefik/">
+              Traefik & Nutanix <Badge>New!</Badge>
             </SubLink>
-            <SubLink href="https://traefik.io/solutions/nutanix-and-traefik/">Traefik & Nutanix <Badge>New!</Badge></SubLink>
             <SubLink href="https://traefik.io/solutions/oracle-and-traefik/">Traefik & Oracle OCI</SubLink>
           </div>
         </div>

src/components/nav/MainNav.tsx

@@ -40,6 +40,7 @@ import { ReactComponent as HashicorpIcon } from '../../images/menu_icons_hashico
 import { ReactComponent as NutanixIcon } from '../../images/menu_icons_nutanix.svg'
 import { ReactComponent as OracleIcon } from '../../images/menu_icons_oracle.svg'
 import { ReactComponent as AiGatewayIcon } from '../../images/menu_icons_ai_gateway.svg'
+import { ReactComponent as McpGatewayIcon } from '../../images/menu_icons_mcp_gateway.svg'
 
 import PostCard from './PostCard'
 import NavHeader from './NavHeader'
@@ -208,7 +209,6 @@ const MainNav = () => {
                   description: 'Protect your APIs from threats with speed and efficiency',
                   icon: <WafIcon />,
                 },
-
                 {
                   title: 'AI Gateway',
                   url: 'https://traefik.io/solutions/ai-gateway/',
@@ -217,6 +217,14 @@ const MainNav = () => {
                   icon: <AiGatewayIcon />,
                   badge: 'New!',
                 },
+                {
+                  title: 'MCP Gateway',
+                  url: 'https://traefik.io/solutions/mcp-gateway/',
+                  external: true,
+                  description: 'Govern how agents access MCP servers.',
+                  icon: <McpGatewayIcon />,
+                  badge: 'New!',
+                },
               ]}
             />
             <Product
@@ -242,11 +250,10 @@ const MainNav = () => {
                   title: 'Air-Gapped API Management',
                   url: 'https://traefik.io/solutions/air-gapped-ai-and-api-management/',
                   external: true,
-                  description:
-                    'Air-gapped AI & API Platform with Policy-as-Code & Zero-Egress Ops.',
+                  description: 'Air-gapped AI & API Platform with Policy-as-Code & Zero-Egress Ops.',
                   icon: <OfflineApim />,
                   badge: 'New!',
-                  largeText: true
+                  largeText: true,
                 },
                 {
                   title: 'API Mocking',