Improve form contrast & remove unused imports (#408)

components/slack/header.js

@@ -49,7 +49,7 @@ const Content = () => (
     <SlideUp sx={{ zIndex: 5, display: 'flex', alignItems: 'center' }}>
       <JoinForm
         sx={{
-          variant: 'cards.translucent',
+          bg: 'smoke',
           position: 'relative',
           zIndex: 3
         }}

pages/slack.js

@@ -1,14 +1,4 @@
-import {
-  Badge,
-  Box,
-  Card,
-  Container,
-  Heading,
-  Grid,
-  Image,
-  Link,
-  Text
-} from 'theme-ui'
+import { Badge, Box, Card, Container, Heading, Grid, Text } from 'theme-ui'
 import { keyframes } from '@emotion/react'
 import Head from 'next/head'
 import NextLink from 'next/link'
@@ -18,7 +8,6 @@ import ForceTheme from '../components/force-theme'
 import Icon from '../components/icon'
 import Stat from '../components/stat'
 import Footer from '../components/footer'
-import SlideUp from '../components/slide-up'
 import Header from '../components/slack/header'
 import SlackEvents from '../components/slack/slack-events'
 import { getCount } from '../pages/api/channels/count-to-a-million'