Homepage links update
This commit is contained in:
@ -1,8 +1,10 @@
|
||||
import { Box, Button, Container, Flex, Heading, Stack, Text } from '@chakra-ui/react';
|
||||
import { Box, Button, Container, Flex, Heading, Link, Text } from '@chakra-ui/react';
|
||||
import siteConfig from '../content/site.json';
|
||||
|
||||
export function UpdatesBanner() {
|
||||
return (
|
||||
<Box borderTopWidth={1} mt='60px' pt={['40px', '40px', '70px']} pb={['40px', '45px', '80px']} textAlign='left' bg='gray.800'>
|
||||
<Box borderTopWidth={1} mt='60px' pt={['40px', '40px', '70px']} pb={['40px', '45px', '80px']} textAlign='left'
|
||||
bg='gray.800'>
|
||||
<Container maxW='container.md'>
|
||||
<Heading color={'gray.100'} fontSize={['25px', '25px', '35px']} mb={['5px', '5px', '15px']}>Stay
|
||||
Informed</Heading>
|
||||
@ -12,15 +14,21 @@ export function UpdatesBanner() {
|
||||
|
||||
<Flex flexDirection={['column', 'column', 'row']}>
|
||||
<Box mr={['0', '0', '20px']} mb={['15px', '15px', 0]}>
|
||||
<Button width={['full', 'auto']} fontSize={['14px', '14px', '16px']} variant='outline' borderWidth={2}
|
||||
colorScheme='green' _hover={{ color: 'green.200' }}>
|
||||
<Button as={Link} href='/signup' width={['full', 'auto']} fontSize={['14px', '14px', '16px']}
|
||||
variant='outline' borderWidth={2}
|
||||
colorScheme='green' _hover={{ color: 'green.200', textDecoration: 'none' }}>
|
||||
Subscribe to Updates
|
||||
</Button>
|
||||
<Text color='gray.500' fontSize='13px' mt='5px'>Free subscription for updates</Text>
|
||||
</Box>
|
||||
<Box>
|
||||
<Button width={['full', 'auto']} fontSize={['14px', '14px', '16px']} colorScheme='yellow'>Updates & Paid
|
||||
Content</Button>
|
||||
<Button as={Link}
|
||||
href={siteConfig.url.sponsor}
|
||||
target='_blank'
|
||||
width={['full', 'auto']}
|
||||
fontSize={['14px', '14px', '16px']}
|
||||
_hover={{ textDecoration: 'none', bg: 'yellow.500' }}
|
||||
colorScheme='yellow'>Updates & Paid Content</Button>
|
||||
<Text color='gray.500' fontSize='13px' mt='5px'>Support the project by paying as little as <Text as='span'
|
||||
fontWeight={600}>5$
|
||||
per month</Text></Text>
|
||||
|
Reference in New Issue
Block a user