diff --git a/app/[[...mdxPath]]/layout.tsx b/app/[[...mdxPath]]/layout.tsx
index cc56603..9ddc6e0 100644
--- a/app/[[...mdxPath]]/layout.tsx
+++ b/app/[[...mdxPath]]/layout.tsx
@@ -15,7 +15,7 @@ const siteData = {
   description: 'Svix makes sending webhooks easy and reliable. Documentation for sending, receiving, and operating webhooks with Svix.',
   productionUrl: 'https://docs.svix.com',
   repo: 'https://github.com/svix/svix-webhooks',
-  docsSource: 'https://github.com/svix/svix-docs',
+  docsSource: 'https://github.com/svix/svix-docs/tree/main',
 } as const
 
 export const metadata = {
diff --git a/content/get-help.mdx b/content/get-help.mdx
index 4279bb7..3d424b3 100644
--- a/content/get-help.mdx
+++ b/content/get-help.mdx
@@ -6,6 +6,6 @@ title: Get Help & Chat With Us
 
 We love chatting with developers!
 
-If anything is unclear, you have some feedback, or you would just like to chat please get in touch! You can join the community on [our Slack](https://www.svix.com/slack/) or reach out via email at contact@svix.com. We are also happy to jump on a call, so just drop us a line.
+If anything is unclear, you have some feedback, or you would just like to chat please get in touch! You can join the community on Slack or reach out via email at contact@svix.com. We are also happy to jump on a call, so just drop us a line.
 
-[![Join our slack](https://img.shields.io/badge/Slack-join%20the%20community-blue?logo=slack&style=social)](https://www.svix.com/slack/)
+<SlackJoinLink />
diff --git a/mdx-components.jsx b/mdx-components.jsx
index 63be93a..91278ac 100644
--- a/mdx-components.jsx
+++ b/mdx-components.jsx
@@ -2,6 +2,7 @@ import { Callout } from 'nextra/components'
 import { useMDXComponents as getThemeComponents } from 'nextra-theme-docs'
 import { CodeTabs } from './src/components/CodeTabs'
 import { CLITabs } from './src/components/CLITabs'
+import { SlackJoinLink } from './src/components/SlackJoinLink'
 import ConnectorLogo from './src/components/ConnectorLogo'
 import clsx from 'clsx'
 import Image from 'next/image'
@@ -28,5 +29,6 @@ export function useMDXComponents(components) {
     CLITabs,
     TabItem: Tabs.Tab,
     ConnectorLogo,
+    SlackJoinLink,
   }
 }
diff --git a/public/img/slack.svg b/public/img/slack.svg
new file mode 100644
index 0000000..0d8aefc
--- /dev/null
+++ b/public/img/slack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.8 122.8"><path d="M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z" fill="#e01e5a"></path><path d="M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z" fill="#36c5f0"></path><path d="M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z" fill="#2eb67d"></path><path d="M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z" fill="#ecb22e"></path></svg>
diff --git a/src/components/SlackJoinLink.tsx b/src/components/SlackJoinLink.tsx
new file mode 100644
index 0000000..0c7769e
--- /dev/null
+++ b/src/components/SlackJoinLink.tsx
@@ -0,0 +1,15 @@
+import { Cards } from 'nextra/components'
+import Image from 'next/image'
+
+export function SlackJoinLink() {
+  return (
+    <Cards num={1}>
+      <Cards.Card
+        href="https://www.svix.com/slack/"
+        title="Join our Slack community"
+        icon={<Image src="/img/slack.svg" alt="" width={20} height={20} />}
+        className="w-fit"
+      />
+    </Cards>
+  )
+}