Add accomodation page

This commit is contained in:
2017-03-02 18:27:18 +00:00
parent 08e73299ac
commit e5048b0808
9 changed files with 155 additions and 38 deletions

View File

@@ -18,10 +18,6 @@
transition: filter ease-in-out 0.5s;
}
.bgImageFocus {
filter: grayscale(0.4) brightness(1);
}
.container {
padding-top: 50px;
margin: 0 20px;

View File

@@ -3,32 +3,21 @@ import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './Reception.css';
import Map from '../../components/Map';
const markers = [
const offley = [
{
title: 'Offley Place',
url: 'http://www.offleyplace.com/',
lat: 51.9282,
lng: -0.3332,
},
];
class Reception extends React.Component {
constructor(props) {
super(props);
this.state = {};
}
focusBgImage = (focus) => {
this.setState({ focusBgImage: focus });
}
render() {
return (
<div className={s.root}>
<div
className={[
s.bgImage,
this.state.focusBgImage ? s.bgImageFocus : null,
].join(' ')}
className={s.bgImage}
/>
<div className={s.container}>
<div className={s.headings}>
@@ -47,9 +36,9 @@ class Reception extends React.Component {
<div className={s.map}>
<Map
defaultZoom={12}
lat={markers[0].lat}
lng={markers[0].lng}
markers={markers}
lat={offley[0].lat}
lng={offley[0].lng}
markers={offley}
/>
</div>
</div>