diff --git a/src/components/Footer/Footer.stories.tsx b/src/components/Footer/Footer.stories.tsx
index 2ab3608..7c3be67 100644
--- a/src/components/Footer/Footer.stories.tsx
+++ b/src/components/Footer/Footer.stories.tsx
@@ -39,6 +39,12 @@ const links = {
getInvolved: { url: '/community', linkWrapper: FakeGatsbyLink },
blog: { url: 'https://storybook.js.org/blog' },
hiring: { url: 'https://www.chromatic.com/company/jobs' },
+ jobsBoard: {
+ url: 'https://chromatic-ui.notion.site/Storybook-Jobs-Board-950e001e4a114a39980a5b09c3a3b3e1?pvs=4',
+ },
+ conferenceBoard: {
+ url: 'https://chromatic-ui.notion.site/Give-a-conference-talk-about-Storybook-e8d8e78d4d0a448a811a8d927194c527?pvs=4',
+ },
};
const Template = (args) => (
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 1d2ba62..21f174d 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -31,7 +31,8 @@ const footerGroups = (links: Links) => ({
{ label: 'Integrations', link: links.integrations },
{ label: 'Get involved', link: links.getInvolved },
{ label: 'Blog', link: links.blog },
- { label: "We're hiring", link: links.hiring },
+ { label: 'Find jobs', link: links.jobsBoard },
+ { label: 'Speak at conferences', link: links.conferenceBoard },
],
showcase: [
{ label: 'Explore', link: links.showcase },
diff --git a/src/components/Nav/Nav.stories.tsx b/src/components/Nav/Nav.stories.tsx
index 31545d6..7731746 100644
--- a/src/components/Nav/Nav.stories.tsx
+++ b/src/components/Nav/Nav.stories.tsx
@@ -39,6 +39,12 @@ const navLinks = {
getInvolved: { url: '/community', linkWrapper: FakeGatsbyLink },
blog: { url: 'https://storybook.js.org/blog' },
hiring: { url: 'https://www.chromatic.com/company/jobs' },
+ jobsBoard: {
+ url: 'https://chromatic-ui.notion.site/Storybook-Jobs-Board-950e001e4a114a39980a5b09c3a3b3e1?pvs=4',
+ },
+ conferenceBoard: {
+ url: 'https://chromatic-ui.notion.site/Give-a-conference-talk-about-Storybook-e8d8e78d4d0a448a811a8d927194c527?pvs=4',
+ },
};
const Template = (args) => (
diff --git a/src/components/Nav/menus.tsx b/src/components/Nav/menus.tsx
index 12b97ee..92a59b9 100644
--- a/src/components/Nav/menus.tsx
+++ b/src/components/Nav/menus.tsx
@@ -54,6 +54,22 @@ export const Community = ({ active, inverse, monochrome, navLinks }: Menu) => (
>
Blog and updates
+ }
+ description="Browse job board for roles that use Storybook"
+ href={navLinks.jobsBoard.url}
+ LinkWrapper={navLinks.jobsBoard.linkWrapper}
+ >
+ Find jobs
+
+ }
+ description="Submit talks to conferences about Storybook"
+ href={navLinks.conferenceBoard.url}
+ LinkWrapper={navLinks.conferenceBoard.linkWrapper}
+ >
+ Speak at conferences
+
);
@@ -131,6 +147,16 @@ export const mobileGroups = (links: Links) => [
link: links.blog,
icon: ,
},
+ {
+ label: 'Jobs board',
+ link: links.jobsBoard,
+ icon: ,
+ },
+ {
+ label: 'Conference board',
+ link: links.conferenceBoard,
+ icon: ,
+ },
],
},
{
diff --git a/src/components/links-context.ts b/src/components/links-context.ts
index f51ae39..1695061 100644
--- a/src/components/links-context.ts
+++ b/src/components/links-context.ts
@@ -23,6 +23,8 @@ export interface Links {
hiring: LinkItem;
enterprise: LinkItem;
chromatic: LinkItem;
+ jobsBoard: LinkItem;
+ conferenceBoard: LinkItem;
}
export const defaultLinks = {
@@ -41,6 +43,12 @@ export const defaultLinks = {
getInvolved: { url: 'https://storybook.js.org/community' },
blog: { url: 'https://storybook.js.org/blog' },
hiring: { url: 'https://www.chromatic.com/company/jobs' },
+ jobsBoard: {
+ url: 'https://chromatic-ui.notion.site/Storybook-Jobs-Board-950e001e4a114a39980a5b09c3a3b3e1?pvs=4',
+ },
+ conferenceBoard: {
+ url: 'https://chromatic-ui.notion.site/Give-a-conference-talk-about-Storybook-e8d8e78d4d0a448a811a8d927194c527?pvs=4',
+ },
enterprise: {
url: 'https://www.chromatic.com/sales?utm_source=storybook_website&utm_medium=link&utm_campaign=storybook',
},