blob: ac7c32641de69d4c0c079aa6147dd5d958767bbe (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
import React from 'react'
import {
Banner,
Heading,
} from 'rebass'
export default (props) => (
<div>
<Banner
align="center"
style={{minHeight: '30vh'}}
backgroundImage="https://images.unsplash.com/photo-1431207446535-a9296cf995b1?dpr=1&auto=format&fit=crop&w=1199&h=799&q=80&cs=tinysrgb&crop="
>
<Heading level={1}>Seven Wonders</Heading>
</Banner>
{props.children}
</div>
)
|
