Updated nav menu with AI Gateway icon

src/components/nav/DrawerNav.tsx

@@ -51,6 +51,7 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
             <SubLink href="https://traefik.io/solutions/api-gateway/">Modern API Gateway</SubLink>
             <SubLink href="https://traefik.io/solutions/waf/">Web Application Firewall</SubLink>
             <SubLink href="https://traefik.io/solutions/hashicorp-and-traefik/">Traefik & HashiCrop</SubLink>
+            <SubLink href="https://traefik.io/solutions/ai-gateway/">AI Gateway</SubLink>
             <SubLink href="https://traefik.io/solutions/api-management/">GitOps-Driven API Management</SubLink>
             <SubLink href="https://traefik.io/solutions/api-governance/">Runtime API Governance</SubLink>
             <SubLink href="https://traefik.io/solutions/api-mocking/">API Mocking</SubLink>

src/components/nav/MainNav.tsx

@@ -29,6 +29,7 @@ import { ReactComponent as EnterpriseIcon } from '../../images/menu_icons_traefi
 import { ReactComponent as HubIcon } from '../../images/menu_icons_traefik_hub.svg'
 import { ReactComponent as WafIcon } from '../../images/menu_icons_waf.svg'
 import { ReactComponent as HashicorpIcon } from '../../images/menu_icons_hashicorp.svg'
+import { ReactComponent as AIGatewayIcon } from '../../images/menu_icons_ai_gateway.svg'
 import PostCard from './PostCard'
 
 const Wrapper = styled(Flex)`
@@ -155,6 +156,13 @@ const MainNav = () => {
                   description: 'A comprehensive and powerful API Gateway for HashiCorp stack.',
                   icon: <HashicorpIcon />,
                 },
+                {
+                  title: 'AI Gateway',
+                  url: 'https://traefik.io/solutions/ai-gateway/',
+                  external: true,
+                  description: 'Tranform Traefik into a flexible egress AI proxy & egress AI gateway.',
+                  icon: <AIGatewayIcon />,
+                },
               ]}
               bgImage={'https://traefik.io/images/site-nav/[email protected]'}
             />