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