computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
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.
120 lines
5.2 KiB
120 lines
5.2 KiB
import React from 'react'; |
|
import { |
|
Box, |
|
Button, |
|
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'; |
|
|
|
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 |
|
grateful for that.</Text> |
|
</Box> |
|
<Image width='190px' |
|
rounded='100%' |
|
src='https://media.giphy.com/media/l0HUgXEoxsNZjZNq8/giphy.gif?cid=790b76114c74e11ed7ce8d65995b6893524407ed7b7748bc&rid=giphy.gif&ct=g' |
|
ml='50px' |
|
d={['none', 'block']} |
|
/> |
|
</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 |
|
w='400px' |
|
src='/sponsors/oss-capital-logo.svg' |
|
/> |
|
</Box> |
|
<Box borderWidth={1} borderRadius='5px' p='20px' bg='teal.50'> |
|
<Image |
|
w='250px' |
|
src='/sponsors/forbes-logo.png' |
|
/> |
|
</Box> |
|
<Box borderWidth={1} borderRadius='5px' p='20px' bg='teal.50'> |
|
<Image |
|
w='300px' |
|
src='/sponsors/zalando-logo.svg' |
|
/> |
|
</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> |
|
</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> |
|
</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> |
|
</Box> |
|
</Box> |
|
</Container> |
|
</Box> |
|
|
|
<OpensourceBanner /> |
|
<UpdatesBanner /> |
|
<Footer /> |
|
</Box> |
|
); |
|
}
|
|
|