diff --git a/src/components/nav/DrawerNav.tsx b/src/components/nav/DrawerNav.tsx
index eaa083e..e2525b1 100644
--- a/src/components/nav/DrawerNav.tsx
+++ b/src/components/nav/DrawerNav.tsx
@@ -101,26 +101,6 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
           </div>
         </div>
 
-        <div className="menu-item-wrapper menu-item-wrapper--expandable" onClick={(e) => toggleMenu(e)}>
-          <span className="menu-item menu-item--with-icon">
-            <span className="title">Learn</span>
-            <span className="icon">
-              <Chevron />
-            </span>
-          </span>
-          <div className="sub-menu">
-            <SubLink href="https://traefik.io/blog/">Blog</SubLink>
-            <SubLink href="https://traefik.io/resources/">Resource Library</SubLink>
-            <SubLink href="https://academy.traefik.io/">Traefik Academy</SubLink>
-            <SubLink href="https://traefik.io/success-stories/">Success Stories</SubLink>
-            <SubLink href="https://traefik.io/glossary/">Glossary</SubLink>
-            <SubLink href="https://traefik.io/events/">Events</SubLink>
-            <SubLink href="https://doc.traefik.io">Docs</SubLink>
-            <SubLink href="https://plugins.traefik.io/">Plugin Catalog</SubLink>
-            <SubLink href="https://community.traefik.io/">Forum</SubLink>
-            <SubLink href="https://traefik.io/community/">Community</SubLink>
-          </div>
-        </div>
 
         <div className="menu-item-wrapper menu-item-wrapper--expandable" onClick={(e) => toggleMenu(e)}>
           <span className="menu-item menu-item--with-icon">
@@ -141,14 +121,20 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
         </div>
 
         <div className="menu-item-wrapper">
-          <SubLink href="https://traefik.io/pricing/" className="menu-item">
-            Pricing
+          <SubLink href="https://community.traefik.io/" className="menu-item">
+            Forum
+          </SubLink>
+        </div>
+
+        <div className="menu-item-wrapper">
+          <SubLink href="https://plugins.traefik.io/" className="menu-item">
+            Plugins
           </SubLink>
         </div>
 
         <div className="menu-item-wrapper">
-          <SubLink href="https://traefik.io/contact-us/" className="menu-item">
-            Get in Touch
+          <SubLink href="https://traefik.io/blog/" className="menu-item">
+            Blog
           </SubLink>
         </div>
       </div>
diff --git a/src/components/nav/Header.tsx b/src/components/nav/Header.tsx
index 68ad4a2..3d44bcc 100644
--- a/src/components/nav/Header.tsx
+++ b/src/components/nav/Header.tsx
@@ -186,7 +186,7 @@ const Header = ({ product }: { product?: string }) => {
                     <line x1="21" x2="16.65" y1="21" y2="16.65"></line>
                   </svg>
                 </NavIconButton> */}
-                <NavButton href="https://info.traefik.io/try-traefik-hub-platform">30-Day Trial</NavButton>
+                <NavButton href="https://traefik.io/pricing/">Get Pricing</NavButton>
                 <NavButtonPrimary href={demoLink}>Request Demo</NavButtonPrimary>
               </Flex>
               <Hamburger className="drawer">
diff --git a/src/components/nav/MainNav.tsx b/src/components/nav/MainNav.tsx
index 2a50146..03d24b1 100644
--- a/src/components/nav/MainNav.tsx
+++ b/src/components/nav/MainNav.tsx
@@ -16,7 +16,8 @@ import { ReactComponent as TraefikIcon } from '../../images/Traefik-Hub.svg'
 import { ReactComponent as TraefikProxyIcon } from '../../images/TraefikProxy.svg'
 import { ReactComponent as ApiGatewayIcon } from '../../images/APIGateway.svg'
 import { ReactComponent as ApiGovernanceIcon } from '../../images/APIGovernance.svg'
-import { ReactComponent as OfflineApim } from '../../images/OfflineApim.svg'
+import { ReactComponent as ProductOfflineApim } from '../../images/product-OfflineApim.svg'
+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'
@@ -40,6 +41,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 ProductMcpGatewayIcon } from '../../images/product-menu_icons_mcp_gateway.svg'
 import { ReactComponent as McpGatewayIcon } from '../../images/menu_icons_mcp_gateway.svg'
 
 import PostCard from './PostCard'
@@ -119,7 +121,7 @@ const MainNav = () => {
                   {
                     title: 'MCP Gateway',
                     external: true,
-                    icon: <McpGatewayIcon />,
+                    icon: <ProductMcpGatewayIcon />,
                     url: 'https://traefik.io/solutions/mcp-gateway/',
                   }
                 ]}
@@ -144,7 +146,7 @@ const MainNav = () => {
                   {
                     title: 'Air-Gapped APIM',
                     external: true,
-                    icon: <OfflineApim />,
+                    icon: <ProductOfflineApim />,
                     url: 'https://traefik.io/solutions/air-gapped-ai-and-api-management/',
                   },
                   {
@@ -315,78 +317,6 @@ const MainNav = () => {
           </Grid>
         </NavItem>
 
-        {/* Learn */}
-        <NavItem
-          name="Learn"
-          hasSubmenu
-          position={{ width: '100%', maxWidth: '1080px', left: '50%', transform: 'translateX(-50%)' }}
-        >
-          <Grid sx={{ gridTemplateColumns: '225px 225px 225px 1fr', p: '24px', gap: '12px', lineHeight: 1.6 }}>
-            <MenuColumn.Column title="Learn">
-              <MenuColumn.Item title="Blog" logo={<BlogIcon />} href="https://traefik.io/blog/" external />
-              <MenuColumn.Item
-                title="Resource Library"
-                logo={<ResourcesIcon />}
-                href="https://traefik.io/resources/"
-                external
-              />
-              <MenuColumn.Item
-                title="Traefik Academy"
-                logo={<TraefikAcademyIcon />}
-                href="https://academy.traefik.io/"
-                external
-              />
-              <MenuColumn.Item
-                title="Success Stories"
-                logo={<StarIcon />}
-                href="https://traefik.io/success-stories/"
-                external
-              />
-              <MenuColumn.Item title="Glossary" logo={<GlossaryIcon />} href="https://traefik.io/glossary/" external />
-              <MenuColumn.Item title="Events" logo={<EventsIcon />} href="https://traefik.io/events/" external />
-            </MenuColumn.Column>
-
-            <MenuColumn.Column title="Open Source">
-              <MenuColumn.Item
-                title="Plugin Catalog"
-                logo={<PluginIcon />}
-                href="https://plugins.traefik.io"
-                external
-              />
-              <MenuColumn.Item title="Forum" logo={<ForumIcon />} href="https://community.traefik.io/" external />
-              <MenuColumn.Item
-                title="Join the Community"
-                logo={<CommunityIcon />}
-                href="https://traefik.io/community/"
-                external
-              />
-            </MenuColumn.Column>
-
-            <MenuColumn.Column title="Documentation">
-              <MenuColumn.Item
-                title="Traefik Proxy"
-                logo={<ProxyIcon />}
-                href="https://doc.traefik.io/traefik/"
-                external
-              />
-              <MenuColumn.Item
-                title="Traefik Enterprise"
-                logo={<EnterpriseIcon />}
-                href="https://doc.traefik.io/traefik-enterprise/"
-                external
-              />
-              <MenuColumn.Item
-                title="Traefik Hub"
-                logo={<HubIcon />}
-                href="https://doc.traefik.io/traefik-hub/"
-                external
-              />
-            </MenuColumn.Column>
-
-            {lastPost && <PostCard post={lastPost} />}
-          </Grid>
-        </NavItem>
-
         <NavItem name="Compare" hasSubmenu>
           <Grid sx={{ gridTemplateColumns: '1fr', width: '304px', p: '24px' }}>
             <MenuColumn.Column title="Compare Traefik Hub">
@@ -418,11 +348,14 @@ const MainNav = () => {
           </Grid>
         </NavItem>
 
-        {/* Pricing */}
-        <NavItem name="Pricing" url="https://traefik.io/pricing/" />
+        {/* Forum */}
+        <NavItem name="Forum" url="https://community.traefik.io/" />
+
+        {/* Plugins */}
+        <NavItem name="Plugins" url="https://plugins.traefik.io/" />
 
-        {/* Docs */}
-        <NavItem name="Docs" url="https://doc.traefik.io/" />
+        {/* Blog */}
+        <NavItem name="Blog" url="https://traefik.io/blog/" />
       </Flex>
     </Wrapper>
   )
diff --git a/src/images/OfflineApim.svg b/src/images/OfflineApim.svg
index a166813..cc00173 100644
--- a/src/images/OfflineApim.svg
+++ b/src/images/OfflineApim.svg
@@ -1,14 +1,14 @@
 <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <defs>
-    <linearGradient x1="50%" y1="0%" x2="50%" y2="86.637%" id="pfieprc7nb">
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="86.637%" id="OfflineApim__pfieprc7nb">
       <stop stop-color="#E5E8EA" offset="0%" />
       <stop stop-color="#B3BAC0" offset="100%" />
     </linearGradient>
-    <linearGradient x1="50%" y1="21.348%" x2="50%" y2="86.706%" id="ynno1fjpma">
+    <linearGradient x1="50%" y1="21.348%" x2="50%" y2="86.706%" id="OfflineApim__ynno1fjpma">
       <stop stop-color="#818C96" stop-opacity="0" offset="0%" />
       <stop stop-color="#818C96" offset="100%" />
     </linearGradient>
-    <filter x="-20%" y="-8.3%" width="140%" height="133.3%" filterUnits="objectBoundingBox" id="mqc8yv7wvc">
+    <filter x="-20%" y="-8.3%" width="140%" height="133.3%" filterUnits="objectBoundingBox" id="OfflineApim__mqc8yv7wvc">
       <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1" />
       <feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
       <feColorMatrix values="0 0 0 0 0.00784313725 0 0 0 0 0.0784313725 0 0 0 0 0.141176471 0 0 0 0.6 0"
@@ -21,10 +21,10 @@
   </defs>
   <g fill="none">
     <path d="M0 0h24v24H0z" />
-    <circle stroke="url(#ynno1fjpma)" stroke-width=".5" fill="url(#pfieprc7nb)" opacity=".5" cx="12" cy="12"
+    <circle stroke="url(#OfflineApim__ynno1fjpma)" stroke-width=".5" fill="url(#OfflineApim__pfieprc7nb)" opacity=".5" cx="12" cy="12"
       r="11.75" />
-    <circle stroke="url(#ynno1fjpma)" stroke-width=".5" fill="url(#pfieprc7nb)" cx="12" cy="12" r="9.25" />
-    <g filter="url(#mqc8yv7wvc)" fill-rule="evenodd" transform="translate(7 6)" fill="#03192D">
+    <circle stroke="url(#OfflineApim__ynno1fjpma)" stroke-width=".5" fill="url(#OfflineApim__pfieprc7nb)" cx="12" cy="12" r="9.25" />
+    <g filter="url(#OfflineApim__mqc8yv7wvc)" fill-rule="evenodd" transform="translate(7 6)" fill="#03192D">
       <path
         d="M9.375 1.638C7.225 1.638 5.516.247 5.5.226A.66.66 0 0 0 5 0a.66.66 0 0 0-.5.226C4.484.246 2.775 1.638.625 1.638A.613.613 0 0 0 0 2.24v4.955c0 2.287 4.227 4.492 4.708 4.737a.651.651 0 0 0 .584 0C5.773 11.686 10 9.48 10 7.194V2.24c0-.332-.28-.6-.625-.6z"
         fill-rule="nonzero" />
diff --git a/src/images/product-OfflineApim.svg b/src/images/product-OfflineApim.svg
new file mode 100644
index 0000000..a166813
--- /dev/null
+++ b/src/images/product-OfflineApim.svg
@@ -0,0 +1,33 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="86.637%" id="pfieprc7nb">
+      <stop stop-color="#E5E8EA" offset="0%" />
+      <stop stop-color="#B3BAC0" offset="100%" />
+    </linearGradient>
+    <linearGradient x1="50%" y1="21.348%" x2="50%" y2="86.706%" id="ynno1fjpma">
+      <stop stop-color="#818C96" stop-opacity="0" offset="0%" />
+      <stop stop-color="#818C96" offset="100%" />
+    </linearGradient>
+    <filter x="-20%" y="-8.3%" width="140%" height="133.3%" filterUnits="objectBoundingBox" id="mqc8yv7wvc">
+      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1" />
+      <feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
+      <feColorMatrix values="0 0 0 0 0.00784313725 0 0 0 0 0.0784313725 0 0 0 0 0.141176471 0 0 0 0.6 0"
+        in="shadowBlurOuter1" result="shadowMatrixOuter1" />
+      <feMerge>
+        <feMergeNode in="shadowMatrixOuter1" />
+        <feMergeNode in="SourceGraphic" />
+      </feMerge>
+    </filter>
+  </defs>
+  <g fill="none">
+    <path d="M0 0h24v24H0z" />
+    <circle stroke="url(#ynno1fjpma)" stroke-width=".5" fill="url(#pfieprc7nb)" opacity=".5" cx="12" cy="12"
+      r="11.75" />
+    <circle stroke="url(#ynno1fjpma)" stroke-width=".5" fill="url(#pfieprc7nb)" cx="12" cy="12" r="9.25" />
+    <g filter="url(#mqc8yv7wvc)" fill-rule="evenodd" transform="translate(7 6)" fill="#03192D">
+      <path
+        d="M9.375 1.638C7.225 1.638 5.516.247 5.5.226A.66.66 0 0 0 5 0a.66.66 0 0 0-.5.226C4.484.246 2.775 1.638.625 1.638A.613.613 0 0 0 0 2.24v4.955c0 2.287 4.227 4.492 4.708 4.737a.651.651 0 0 0 .584 0C5.773 11.686 10 9.48 10 7.194V2.24c0-.332-.28-.6-.625-.6z"
+        fill-rule="nonzero" />
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/images/product-menu_icons_mcp_gateway.svg b/src/images/product-menu_icons_mcp_gateway.svg
new file mode 100644
index 0000000..eaf1b66
--- /dev/null
+++ b/src/images/product-menu_icons_mcp_gateway.svg
@@ -0,0 +1,34 @@
+<svg width="30" height="32" viewBox="0 0 30 32" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="86.637%" id="menu_mcp_grad1">
+      <stop stop-color="#E5E8EA" offset="0%" />
+      <stop stop-color="#B3BAC0" offset="100%" />
+    </linearGradient>
+    <linearGradient x1="50%" y1="21.348%" x2="50%" y2="86.706%" id="menu_mcp_grad2">
+      <stop stop-color="#818C96" stop-opacity="0" offset="0%" />
+      <stop stop-color="#818C96" offset="100%" />
+    </linearGradient>
+    <filter x="-35.7%" y="-19.6%" width="171.4%" height="165.2%" filterUnits="objectBoundingBox" id="menu_mcp_filter1">
+      <feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1" />
+      <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
+      <feColorMatrix values="0 0 0 0 0.00784313725 0 0 0 0 0.0784313725 0 0 0 0 0.141176471 0 0 0 0.6 0"
+        in="shadowBlurOuter1" result="shadowMatrixOuter1" />
+      <feMerge>
+        <feMergeNode in="shadowMatrixOuter1" />
+        <feMergeNode in="SourceGraphic" />
+      </feMerge>
+    </filter>
+  </defs>
+  <g fill="none">
+    <path d="M3 1h24v24H3z" />
+    <g fill-rule="nonzero">
+      <g filter="url(#menu_mcp_filter1)" fill="#03192D" transform="translate(4.5 1.5)">
+        <path
+          d="M19.606 1.802A22.926 22.926 0 0 0 10.5.001a22.926 22.926 0 0 0-9.106 1.801A2.368 2.368 0 0 0 0 3.968v6.996c.076 5.126 3.308 9.669 8.114 11.404l1.03.373c.434.164.893.252 1.356.259a4.11 4.11 0 0 0 1.394-.25l1.021-.373c4.8-1.743 8.02-6.29 8.085-11.413V3.968a2.368 2.368 0 0 0-1.394-2.166z" />
+      </g>
+      <path
+        d="M14.08 4.469c.667.27 1.218.736 1.603 1.318.385.583.602 1.283.599 2.02a3.594 3.594 0 0 1-1.628 3.017 3.409 3.409 0 0 1-3.482.135L8.54 13.374l.654 1.01-1.347-.053.08 1.519-1.352-.033c-.373.188-.71.281-1.001.273a.854.854 0 0 1-.616-.259.875.875 0 0 1-.24-.595.873.873 0 0 1 .222-.596l4.722-4.847c-.328-.865-.43-1.722-.312-2.505.11-.732.413-1.396.903-1.935a3.46 3.46 0 0 1 1.781-1.048 3.398 3.398 0 0 1 2.046.164zm-1.398 1.48c-.512 0-.976.206-1.311.539a1.832 1.832 0 0 0 0 2.608 1.86 1.86 0 0 0 2.622 0 1.837 1.837 0 0 0 0-2.608 1.855 1.855 0 0 0-1.311-.54z"
+        stroke="url(#menu_mcp_grad2)" stroke-width=".436" fill="url(#menu_mcp_grad1)" transform="translate(4.5 1.5)" />
+    </g>
+  </g>
+</svg>
\ No newline at end of file