feat: adds join discord card

src/components/JoinDiscordCard/JoinDiscordCard.tsx

@@ -0,0 +1,33 @@
+import { Button, Typography } from '@acid-info/lsd-react'
+import styled from '@emotion/styled'
+import Link from 'next/link'
+import { DiscordIcon } from '../Icons/DiscordIcon'
+
+type JoinDiscordCardProps = React.HTMLAttributes<HTMLDivElement>
+
+export const JoinDiscordCard = (props: JoinDiscordCardProps) => {
+  return (
+    <JoinDiscordCardContainer {...props}>
+      <Typography variant="body1">Join the discussion</Typography>
+      <Link
+        href="https://discord.gg/logos-state"
+        style={{
+          textDecoration: 'none',
+        }}
+      >
+        <Button icon={<DiscordIcon color="primary" />}>
+          <Typography variant="body2">Go to Discord</Typography>
+        </Button>
+      </Link>
+    </JoinDiscordCardContainer>
+  )
+}
+
+const JoinDiscordCardContainer = styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid rgb(var(--lsd-border-primary));
+  padding: 24px 0px;
+  margin-bottom: 24px;
+`

src/components/JoinDiscordCard/index.ts

@@ -0,0 +1 @@
+export * from './JoinDiscordCard'