Rearrange sections on homepage

pull/1657/head
Kamran Ahmed 3 years ago
parent 4e80001b32
commit b5590b889d
  1. 46
      pages/index.tsx

@ -66,30 +66,9 @@ export default function Home(props: HomeProps) {
</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'>
<Box pt='40px' mb='20px'>
<Heading color='green.500' fontSize='25px' mb='5px'>Video Explanations</Heading>
<Box pt='60px' mb={['10px', '15px', '20px']}>
<Heading color='green.500' fontSize={['20px', '20px', '25px']} mb='5px'>Video Explanatiosn</Heading>
</Box>
<LinksList>
@ -119,6 +98,27 @@ export default function Home(props: HomeProps) {
</Container>
</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 />
<UpdatesBanner />
<Footer />

Loading…
Cancel
Save