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
Tim Neutkens 9c4eefcdbf
Add prettier for examples directory (#5909)
* Add prettier for examples directory

* Fix files

* Fix linting

* Add prettier script in case it has to be ran again
2018-12-17 17:34:32 +01:00

47 lines
1.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