diff --git a/build/footerDev.json b/build/footerDev.json index 8c0c9204a..64c81e196 100644 --- a/build/footerDev.json +++ b/build/footerDev.json @@ -23,6 +23,14 @@ "label": "enterprise", "ariaLabel": "Read more about Postman enterprise" }, + { + "title": "Spec Hub", + "url": "https://www.postman.com/product/spec-hub/", + "category": "global-footer", + "label": "Spec Hub", + "ariaLabel": "Read more about Postman Spec Hub", + "badge": "new" + }, { "title": "Flows", "url": "https://www.postman.com/product/flows/", @@ -39,14 +47,14 @@ }, { "title": "VS Code extension", - "url": "https://www.postman.com/downloads/#postman-vs-code-extension", + "url": "https://www.postman.com/downloads/#other-downloads", "category": "global-footer", "label": "vs-extension", "ariaLabel": "Read more about Postman VS Code extension" }, { "title": "Postman CLI", - "url": "https://www.postman.com/downloads/#postman-cli/", + "url": "https://www.postman.com/downloads/#work-from-the-command-line", "category": "global-footer", "label": "postman-cli", "ariaLabel": "Read more about Postman cli." diff --git a/build/navbarDev.json b/build/navbarDev.json index 1ad27a92a..a53bc433d 100644 --- a/build/navbarDev.json +++ b/build/navbarDev.json @@ -28,20 +28,29 @@ ] }, { - "title": "API Platform Features", + "title": "Features", "subItemsCol": [ { - "title": "AI Agent Builder", - "url": "https://www.postman.com/product/ai-agent-builder/" + "title": "Platform Overview", + "url": "https://www.postman.com/product/platform/" + }, + { + "title": "Spec Hub", + "url": "https://www.postman.com/product/spec-hub/", + "badge": "new" }, { "title": "Collections", - "url": "https://www.postman.com/collection/" + "url": "https://www.postman.com/product/collections/" }, { "title": "Workspaces", "url": "https://www.postman.com/product/workspaces/" }, + { + "title": "API Client", + "url": "https://www.postman.com/product/api-client/" + }, { "title": "Partner Workspaces", "url": "https://www.postman.com/product/partner-workspaces/" @@ -51,11 +60,11 @@ "url": "https://www.postman.com/product/postbot/" }, { - "title": "API Client", - "url": "https://www.postman.com/product/api-client/" + "title": "AI Agent Builder", + "url": "https://www.postman.com/product/ai-agent-builder/" }, { - "title": "Browse API Tools", + "title": "More Resources", "url": "https://www.postman.com/product/tools/" } ] diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx index cb22ae9d7..6245daab1 100644 --- a/src/components/Footer/Footer.jsx +++ b/src/components/Footer/Footer.jsx @@ -189,7 +189,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || @@ -222,7 +225,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || @@ -256,7 +262,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || @@ -286,7 +295,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || @@ -315,7 +327,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx index e0008e219..80f2b4ed1 100644 --- a/src/components/Header/Header.jsx +++ b/src/components/Header/Header.jsx @@ -100,7 +100,7 @@ const Header = (props) => { const [beta, setBeta] = useState(''); const [cookie, setCookie] = useState(''); const [hidden, setHidden] = useState(true); - const [data, setData] = useState(navbarData); + const [data, setData] = useState(navbarDataLocal); const [dataDropdown, setDataDropdown] = useState(navbarData); const [visibleHelloBar] = useState(); @@ -115,7 +115,7 @@ const Header = (props) => { const navtopicsdropdownKeys = ['items', 'type'] if (navbarKeys.every(key => Object.keys(navbarData).includes(key))) { - setData(navbarData) + setData(navbarDataLocal) } else { setData(navbarDataLocal) } @@ -334,7 +334,10 @@ const Header = (props) => { href={link.url} key={link.title} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))} diff --git a/styles/globalStyle.js b/styles/globalStyle.js index bc07f67b2..93e423ad5 100644 --- a/styles/globalStyle.js +++ b/styles/globalStyle.js @@ -358,5 +358,18 @@ small, font-size: 14px; line-height: 1.5714285714; /* 22px */ } + +.badge { + margin-left: 0.8rem; /* ml-2 */ + border-radius: 0.5rem; /* rounded */ + border: 1px solid #6f2cba; /* border border-[#e4d8f6] */ + padding: 3px 9px; /* px-1 */ + font-size: 10px; /* text-[10px] */ + text-transform: uppercase; /* uppercase */ + color: #6f2cba; /* grey-50 */ + font-weight: 400; + font-size: 12px; + line-height: 18px; +} ` export default GlobalStyle; \ No newline at end of file