b5080f1010
* Update tailwind example * Update blog-starter example * Update with-next-css example * Update with-quill-js * Update with-rbx-bulma-pro * Remove incompatible example * Update with-react-multi-carousel * Update-with-semantic-ui * Update with-videojs example * Remove @zeit/next-css from package.json of updated examples * Remove deprecated examples * Remove target from all examples * Update package.json * Apply suggestions from code review Co-Authored-By: Joe Haddad <timer@zeit.co> Co-authored-by: Joe Haddad <timer150@gmail.com>
58 lines
1.3 KiB
JavaScript
58 lines
1.3 KiB
JavaScript
import Link from 'next/link'
|
|
import {
|
|
Generic,
|
|
Container,
|
|
Content,
|
|
Navbar,
|
|
Section,
|
|
Hero,
|
|
Title,
|
|
Footer,
|
|
} from 'rbx'
|
|
|
|
const Layout = ({ children }) => {
|
|
return (
|
|
<Generic>
|
|
<Navbar fixed="top" color="primary">
|
|
<Navbar.Brand>
|
|
<Navbar.Item href="#">Bulma</Navbar.Item>
|
|
<Navbar.Burger />
|
|
</Navbar.Brand>
|
|
<Navbar.Menu>
|
|
<Navbar.Segment align="start">
|
|
<Link href="/">
|
|
<Navbar.Item>Home</Navbar.Item>
|
|
</Link>
|
|
<Link href="/about">
|
|
<Navbar.Item>About</Navbar.Item>
|
|
</Link>
|
|
<Link href="/contact">
|
|
<Navbar.Item>Contact</Navbar.Item>
|
|
</Link>
|
|
</Navbar.Segment>
|
|
</Navbar.Menu>
|
|
</Navbar>
|
|
<Section backgroundColor="primary">
|
|
<Hero>
|
|
<Hero.Body>
|
|
<Container>
|
|
<Title as="h1" align="center" color="white">
|
|
Welcome to Next!
|
|
</Title>
|
|
</Container>
|
|
</Hero.Body>
|
|
</Hero>
|
|
</Section>
|
|
<Container>
|
|
<Content>{children}</Content>
|
|
</Container>
|
|
<Footer>
|
|
<Content textAlign="centered">
|
|
<p>© ZEIT, Inc. All rights reserved.</p>
|
|
</Content>
|
|
</Footer>
|
|
</Generic>
|
|
)
|
|
}
|
|
|
|
export default Layout
|