gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rearrange sections on homepage

Browse Source
This commit is contained in:
Kamran Ahmed
2021-10-27 00:34:56 +02:00
parent 09e8796159
commit 3ac1de7fb0
1 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
pages/index.tsx
View File

@ -66,30 +66,9 @@ export default function Home(props: HomeProps) {
</Box> </Box>
<Box> <Box>
<Container maxW='container.md' position='relative'>
<Box pt='60px' mb={['10px', '15px', '20px']}>
<Heading color='green.500' fontSize={['20px', '20px', '25px']} mb='5px'>Visual Guides</Heading>
</Box>
<LinksList>
{guides.map(guide => (
<LinksListItem
key={guide.id}
href={`/guides/${guide.id}`}
title={guide.title}
badgeText={guide.isPro ? 'PRO' : ''}
subtitle={guide.formattedUpdatedAt!}
/>
))}
<DimmedMore href={'/guides'} text='View all Guides' />
</LinksList>
</Container>
</Box>
<Box mb='60px'>
<Container maxW='container.md'> <Container maxW='container.md'>
<Box pt='40px' mb='20px'> <Box pt='60px' mb={['10px', '15px', '20px']}>
<Heading color='green.500' fontSize='25px' mb='5px'>Video Explanations</Heading> <Heading color='green.500' fontSize={['20px', '20px', '25px']} mb='5px'>Video Explanatiosn</Heading>
</Box> </Box>
<LinksList> <LinksList>
@ -119,6 +98,27 @@ export default function Home(props: HomeProps) {
</Container> </Container>
</Box> </Box>
<Box mb='80px'>
<Container maxW='container.md' position='relative'>
<Box pt='40px' mb='20px'>
<Heading color='green.500' fontSize='25px' mb='5px'>Visual Guides</Heading>
</Box>
<LinksList>
{guides.map(guide => (
<LinksListItem
key={guide.id}
href={`/guides/${guide.id}`}
title={guide.title}
badgeText={guide.isPro ? 'PRO' : ''}
subtitle={guide.formattedUpdatedAt!}
/>
))}
<DimmedMore href={'/guides'} text='View all Guides' />
</LinksList>
</Container>
</Box>
<OpensourceBanner /> <OpensourceBanner />
<UpdatesBanner /> <UpdatesBanner />
<Footer /> <Footer />