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', },