site/components/arcade/footer.js
rivques 558452ac49
switch head image and remove "prelaunch site" from footer of arcade (#1240)
* remove "prelaunch site" from footor of arcade

* switch to newer head image

* hide buy button/quantity dropdown if richness is low

* re-add link to power hour

---------

Co-authored-by: Max Wofford <max@maxwofford.com>
2024-06-18 20:22:10 -04:00

43 lines
1.4 KiB
JavaScript

import { Box, Heading, Text, Link } from 'theme-ui'
import Footer from '../footer'
const Description = () => (
<Box sx={{ a: { color: '#FF5C00' }, pb: 4 }}>
<Heading as="h3" variant="subheadline" mb={2}>
A project by <a href="https://hackclub.com/">Hack Club</a>.
</Heading>
<Text as="p" variant="caption" mb={3} sx={{ width: ['85%', '75%', '60%'] }}>
<Link href="/arcade/power-hour">Previous edition: Power Hour</Link>
</Text>
<Text as="p" variant="caption" mb={3} sx={{ width: ['85%', '75%', '60%'] }}>
Hack Club is a registered 501(c)3 nonprofit organization that supports a
network of 20k+ technical high schoolers. We believe you learn best by
building so we're creating community and providing grants so you can make. In the past few years, we've{' '}
<Link href="https://summer.hackclub.com" target="_blank">
given away 100k+ in hardware grants
</Link>
,{' '}
<Link
href="https://github.com/hackclub/the-hacker-zephyr"
target="_blank"
>
hosted the world's longest hackathon on land
</Link>
, and{' '}
<Link href="https://github.com/hackclub/assemble" target="_blank">
brought 183 teenagers to SF for a hackathon
</Link>
.
</Text>
</Box>
)
const ArcadeFooter = () => {
return (
<Footer>
<Description />
</Footer>
)
}
export default ArcadeFooter