A few more Nextra fixes

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 = {

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 [email protected]. 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 [email protected]. 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 />

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

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>
+  )
+}