1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-rebass/pages/index.js

43 lines
1 KiB
JavaScript
Raw Normal View History

2017-07-08 12:05:46 +00:00
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