From 31048bc03bc5221c39295e3a2066e0a6a221f82f Mon Sep 17 00:00:00 2001 From: harshad-tahiliani Date: Mon, 10 Nov 2025 17:37:37 +0530 Subject: [PATCH 1/2] feat: update navigation with gateway api & knative link --- src/components/nav/DrawerNav.tsx | 7 +++- src/components/nav/MainNav.tsx | 41 ++++++++++++++++------- src/images/IconKnative.svg | 49 ++++++++++++++++++++++++++++ src/images/IconKubernetesIngress.svg | 35 ++++++++++++++++++++ src/images/product_Knative.svg | 49 ++++++++++++++++++++++++++++ src/images/product_Nginx.svg | 34 +++++++++++++++++++ 6 files changed, 202 insertions(+), 13 deletions(-) create mode 100644 src/images/IconKnative.svg create mode 100644 src/images/IconKubernetesIngress.svg create mode 100644 src/images/product_Knative.svg create mode 100644 src/images/product_Nginx.svg diff --git a/src/components/nav/DrawerNav.tsx b/src/components/nav/DrawerNav.tsx index e2525b1..e972d1f 100644 --- a/src/components/nav/DrawerNav.tsx +++ b/src/components/nav/DrawerNav.tsx @@ -69,6 +69,12 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
+ + Kubernetes Gateway API + + + Knative Serving New! + AI Gateway New! @@ -101,7 +107,6 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
-
toggleMenu(e)}> Compare diff --git a/src/components/nav/MainNav.tsx b/src/components/nav/MainNav.tsx index 8094394..edc1047 100644 --- a/src/components/nav/MainNav.tsx +++ b/src/components/nav/MainNav.tsx @@ -4,8 +4,11 @@ import { Flex, Grid } from '@containous/faency' import NavItem from './NavItem' import Product from './Product' import * as MenuColumn from './MenuColumn' +import { ReactComponent as ProductNginxIcon } from '../../images/product_Nginx.svg' +import { ReactComponent as IconKnative } from '../../images/IconKnative.svg' +import { ReactComponent as ProductIconKnative } from '../../images/product_Knative.svg' import { ReactComponent as IconKubernetes } from '../../images/IconKubernetes.svg' -import { ReactComponent as IconDockerSwarm } from '../../images/IconDockerSwarm.svg' +import { ReactComponent as IconKubernetesIngress } from '../../images/IconKubernetesIngress.svg' import { ReactComponent as IconApiGovernance } from '../../images/IconApiGovernance.svg' import { ReactComponent as IconsApiMocks } from '../../images/IconsApiMocks.svg' import { ReactComponent as IconAiGateway } from '../../images/IconAiGateway.svg' @@ -66,16 +69,22 @@ const MainNav = () => { ]} subLinks={[ { - title: 'Kubernetes Ingress', + title: 'Kubernetes Gateway API', external: true, icon: , - url: 'https://traefik.io/solutions/kubernetes-ingress/', + url: 'https://traefik.io/solutions/gateway-api/', }, { - title: 'Docker Swarm Ingress', + title: 'Knative Serving', external: true, - icon: , - url: 'https://traefik.io/solutions/docker-swarm-ingress/', + icon: , + url: 'https://traefik.io/solutions/knative/', + }, + { + title: 'Ingress NGINX Provider', + external: true, + icon: , + url: 'https://traefik.io/choose-traefik-oss/', }, ]} /> @@ -160,21 +169,29 @@ const MainNav = () => { padding="24px 0" links={[ { - title: 'Kubernetes Ingress', + icon: , url: 'https://traefik.io/solutions/kubernetes-ingress/', external: true, description: 'A centralized routing solution for your Kubernetes deployment.', + title: 'Kubernetes Ingress', + }, + { + title: 'Kubernetes Gateway API', + url: 'https://traefik.io/solutions/gateway-api/', + external: true, + description: 'Deploy Gateway API with confidence.', icon: , }, { - title: 'Docker Swarm Ingress', - url: 'https://traefik.io/solutions/docker-swarm-ingress/', + title: 'Knative Serving', + url: 'https://traefik.io/solutions/knative/', external: true, - description: 'Manage incoming network traffic across your cluster', - icon: , + description: 'The universal Kubernetes gateway for all workloads.', + icon: , + badge: 'New!', }, { - title: 'Replace Ingress-NGINX', + title: 'Ingress NGINX Provider', url: 'https://traefik.io/choose-traefik-oss/', external: true, description: 'Don’t wait for the next vulnerability. Migrate now!', diff --git a/src/images/IconKnative.svg b/src/images/IconKnative.svg new file mode 100644 index 0000000..d59c972 --- /dev/null +++ b/src/images/IconKnative.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/IconKubernetesIngress.svg b/src/images/IconKubernetesIngress.svg new file mode 100644 index 0000000..896c6c1 --- /dev/null +++ b/src/images/IconKubernetesIngress.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/product_Knative.svg b/src/images/product_Knative.svg new file mode 100644 index 0000000..001bee2 --- /dev/null +++ b/src/images/product_Knative.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/product_Nginx.svg b/src/images/product_Nginx.svg new file mode 100644 index 0000000..b579538 --- /dev/null +++ b/src/images/product_Nginx.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file From 40c7ba739424a7d736ca0f42c8cc832c6a44f84f Mon Sep 17 00:00:00 2001 From: Arpit Bansal Date: Mon, 10 Nov 2025 20:05:19 +0530 Subject: [PATCH 2/2] Remove DockerSwarmIcon import Removed DockerSwarmIcon import from MainNav component. --- src/components/nav/MainNav.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/nav/MainNav.tsx b/src/components/nav/MainNav.tsx index edc1047..3617d88 100644 --- a/src/components/nav/MainNav.tsx +++ b/src/components/nav/MainNav.tsx @@ -23,7 +23,6 @@ import { ReactComponent as OfflineApim } from '../../images/OfflineApim.svg' import { ReactComponent as ApiMockingIcon } from '../../images/APIMocking.svg' import { ReactComponent as APIManagementIcon } from '../../images/APIManagement.svg' import { ReactComponent as NginxIcon } from '../../images/Nginx.svg' -import { ReactComponent as DockerSwarmIcon } from '../../images/DockerSwarmIngress.svg' import { ReactComponent as KubernetesIcon } from '../../images/KubernetesIngress.svg' import { ReactComponent as MicrosoftIcon } from '../../images/menu_icons_microsoft.svg' import { ReactComponent as WafIcon } from '../../images/menu_icons_waf.svg'