import React from 'react'
import { Container, Text, Link as A } from '@hackclub/design-system'
import Link from 'gatsby-link'

A.link = A.withComponent(Link)

export default () => (
  <Container maxWidth={46} p={3} pb={5} align="center">
    <Text color="slate" fontSize={[2, 3]}>
      Hack Club is a nonprofit network of high school CS clubs that teach
      beginners to code. We provide{' '}
      <A href="https://guide.hackclub.com" target="_blank">
        club activities
      </A>
      ,{' '}
      <A.link to="/workshops" target="_blank">
        programming club curriculum
      </A.link>
      ,{' '}
      <A href="https://hackathons.hackclub.com" target="_blank">
        access to high school hackathons
      </A>
      , &{' '}
      <A.link to="/hackers" target="_blank">
        a supportive hacker community.
      </A.link>
    </Text>
  </Container>
)

@@ -401,83 +401,82 @@
   %3CA
- href=%22https://guide.hackclub.com%22 target=%22_blank%22%3E%0A        club activities
+.link to=%22/workshops%22 target=%22_blank%22%3E%0A        programming club curriculum
 %0A   
@@ -473,32 +473,37 @@
 iculum%0A      %3C/A
+.link
 %3E%0A      ,%7B' '%7D%0A 
@@ -516,33 +516,33 @@
 A.link to=%22/
-workshops
+challenge
 %22 target=%22_b
@@ -560,35 +560,23 @@
     
-programming club curriculum
+club activities
 %0A   
@@ -573,37 +573,32 @@
 vities%0A      %3C/A
-.link
 %3E%0A      ,%7B' '%7D%0A 

Edit homepage Description