Add accomodation page
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user