Summary (required)

components/hackathons/features/slack.js

@@ -2,6 +2,7 @@ import { Button, Box, Container, Heading, Text } from 'theme-ui'
 import usePrefersMotion from '../../../lib/use-prefers-motion'
 import useHasMounted from '../../../lib/use-has-mounted'
 import Link from 'next/link'
+import { thousands } from '../../../lib/members'
 
 const Content = () => (
   <Container
@@ -39,12 +40,15 @@ const Content = () => (
     {/* random note unrealted to this: there should be a thing in the Slack onboarding flow that asks if
     the user is a hackathon organizer & points them to the #hackathon-organisers channel */}
     <Text as="p" variant="lead" sx={{ maxWidth: 'copyPlus', mx: 'auto' }}>
-      On the Slack, you'll find a community of{' '}
+      The
       <Box as="span" sx={{ bg: 'muted', px: 1, borderRadius: 5 }}>
         #hackathon-organizers
       </Box>{' '}
-      new and experienced alike. Ask questions, get help, and share your own
-      experiences. We'll always be there to support you.
+      channel is where {thousands}+ teenagers around the world share about their
+      own hackathon-organizing experiences and ask for advice. An active
+      channel, you'll have the chance to connect with someone within hours. Ask
+      questions, get help, and share your own experiences. We'll always be there
+      to support you.
     </Text>
     <Link href="/slack" passHref>
       <Button

pages/hackathons.js

@@ -1,10 +1,13 @@
-import { Box, Container } from 'theme-ui'
+import { Box, Container, Button, Heading, Text } from 'theme-ui'
 import Meta from '@hackclub/meta'
 import Head from 'next/head'
 import ForceTheme from '../components/force-theme'
 import Nav from '../components/nav'
 import Footer from '../components/footer'
 
+import Icon from '@hackclub/icons'
+import NextLink from 'next/link'
+
 import Rundown from '../components/hackathons/rundown'
 import Philosophy from '../components/hackathons/philosophy'
 import Slack from '../components/hackathons/features/slack'
@@ -27,6 +30,37 @@ export default function Hackathons() {
         <Box as="main">
           <Landing />
           <Philosophy />
+
+          <Box
+            as="section"
+            sx={{
+              color: 'black',
+              bg: 'white',
+              py: [4, 5]
+            }}
+          >
+            <Container variant="copy" sx={{ textAlign: 'center' }}>
+              <Icon glyph="message-new" size={72} sx={{ color: 'blue' }} />
+              <Heading variant="headline">
+                Want to organize a hackathon?
+              </Heading>
+              <Text
+                variant="subtitle"
+                sx={{ lineHeight: 'caption', mb: 3, display: 'inline-block' }}
+              >
+                This semester, Hack Club is providing the tools and resources to
+                high schoolers around the world to bring the magic of hackathons
+                to their lcoal communities.
+              </Text>
+
+              <NextLink href="/slack" passHref>
+                <Button variant="cta" sx={{ py: 2, px: 3, fontSize: 2 }} as="a">
+                  Join our Slack
+                </Button>
+              </NextLink>
+            </Container>
+          </Box>
+
           <Money />
           <Slack />
           <Marketing />