mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
43 lines
1 KiB
JavaScript
43 lines
1 KiB
JavaScript
|
import {
|
||
|
|
Provider,
|
||
|
|
Container,
|
||
|
|
Heading,
|
||
|
|
Blockquote,
|
||
|
|
Toolbar,
|
||
|
|
NavLink,
|
||
|
|
Flex,
|
||
|
|
Box
|
||
|
|
} from 'rebass'
|
||
|
|
|
||
|
|
function HomePage () {
|
||
|
|
return (
|
||
|
|
<Provider>
|
||
|
|
<Heading is='h1' children='Next.js + Rebass' mb={3} center />
|
||
|
|
|
||
|
|
<Container>
|
||
|
|
<Toolbar bg='black'>
|
||
|
|
<NavLink href='https://github.com/zeit/next.js/' target='_blank'>Next.js</NavLink>
|
||
|
|
<NavLink ml='auto' href='http://jxnblk.com/rebass/' target='_blank'>
|
||
|
|
REBASS
|
||
|
|
</NavLink>
|
||
|
|
</Toolbar>
|
||
|
|
|
||
|
|
<Flex justify='center'>
|
||
|
|
<Box width={1 / 2}>
|
||
|
|
<Blockquote center fontSize={3} py={4}>
|
||
|
|
"Next.js is a minimalistic framework for server-rendered React applications."
|
||
|
|
</Blockquote>
|
||
|
|
</Box>
|
||
|
|
<Box width={6 / 12}>
|
||
|
|
<Blockquote center fontSize={3} py={4}>
|
||
|
|
"Functional React UI component library, built with styled-components"
|
||
|
|
</Blockquote>
|
||
|
|
</Box>
|
||
|
|
</Flex>
|
||
|
|
</Container>
|
||
|
|
</Provider>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default HomePage
|