Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

125 lines
5.3 KiB

3 years ago
import React from 'react';
import {
Box,
Button,
3 years ago
Container,
Flex,
Heading,
Image,
Link,
ListItem,
Stack,
Text,
UnorderedList
} from '@chakra-ui/react';
import { GlobalHeader } from '../components/global-header';
import { OpensourceBanner } from '../components/opensource-banner';
import { UpdatesBanner } from '../components/updates-banner';
import { Footer } from '../components/footer';
import siteConfig from '../content/site.json';
3 years ago
export default function Thanks() {
return (
<Box bg='gray.50' minH='100vh'>
<GlobalHeader />
<Box mb='60px'>
<Container maxW={'container.sm'} position='relative'>
<Box mt='60px'>
<Flex alignItems='center'>
<Box width='100%'>
<Heading mb='10px' fontWeight={700}>Thanks!</Heading>
<Text>The project has been made possible by the all the wonderful humans and companies supporting the
project on <Link
fontWeight={600} textDecoration='underline' href={siteConfig.url.sponsor} target='_blank'>GitHub
Sponsors</Link> and we are truly
3 years ago
grateful for that.</Text>
</Box>
<Image width='190px'
alt={''}
3 years ago
rounded='100%'
src='https://media.giphy.com/media/l0HUgXEoxsNZjZNq8/giphy.gif?cid=790b76114c74e11ed7ce8d65995b6893524407ed7b7748bc&rid=giphy.gif&ct=g'
ml='50px'
d={['none', 'block']}
3 years ago
/>
</Flex>
<Box mt='30px'>
<Heading mb='15px' fontSize='25px' as='h2'>Companies</Heading>
<Stack spacing='10px'>
<Box borderWidth={1} borderRadius='5px' p='20px' bg='teal.50'>
<Image
alt='OSS Capital'
3 years ago
w='400px'
src='/sponsors/oss-capital-logo.svg'
3 years ago
/>
</Box>
<Box borderWidth={1} borderRadius='5px' p='20px' bg='teal.50'>
<Image
alt='Forbes'
3 years ago
w='250px'
src='/sponsors/forbes-logo.png'
3 years ago
/>
</Box>
<Box borderWidth={1} borderRadius='5px' p='20px' bg='teal.50'>
<Image
alt='Zalando'
3 years ago
w='300px'
src='/sponsors/zalando-logo.svg'
3 years ago
/>
</Box>
</Stack>
</Box>
<Box mt='40px'>
<Heading mb='15px' fontSize='25px' as='h2'>Monthly Sponsors</Heading>
<UnorderedList>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/MelnikovAG'>Alexander
Blake</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/josephjacks'>Joseph
Jacks</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/MustafaMagdi'>Mustafa
Magdi</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/dmytbolko'>Dmytro
Bolkachov</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500}
href='https://github.com/liquidaty'>Liquidaty</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/Lazy-AL'>Anri
Lazash</Link></ListItem>
3 years ago
</UnorderedList>
</Box>
<Box mt='40px'>
<Heading mb='15px' fontSize='25px' as='h2'>Past or One Time Sponsors</Heading>
<UnorderedList>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500}
href='https://digitalocean.com'>DigitalOcean</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/gabcvit'>Gabriel
Checchia</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/hadasbro'>Slawomir
Hadas</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/tugotron'>Victor
Sevelev</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/matheusfelipeog'>Matheus
Felipe</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' fontWeight={500} href='https://github.com/emretanriverdi'>Emre
Tanriverdi</Link></ListItem>
3 years ago
</UnorderedList>
</Box>
<Box mt='40px' borderWidth={1} padding='20px' rounded='5px'>
<Heading as='h2' mb='10px'>Support the Project</Heading>
<Text mb='15px'>Sponsor me on GitHub to help ensure the continuity of the project.</Text>
<Button as={Link} href={siteConfig.url.sponsor} colorScheme='green'>Sponsor me on GitHub</Button>
3 years ago
</Box>
</Box>
</Container>
</Box>
<OpensourceBanner />
<UpdatesBanner />
<Footer />
</Box>
);
}