Add accomodation page

src/routes/accomodation/Accomodation.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import withStyles from 'isomorphic-style-loader/lib/withStyles';
+import s from './Accomodation.css';
+import Map from '../../components/Map';
+
+const offley = [
+  {
+    title: 'Offley Place',
+    url: 'http://www.offleyplace.com/',
+    lat: 51.9282,
+    lng: -0.3332,
+  },
+];
+
+const hotels = [
+  {
+    title: 'Hilton Garden Inn',
+    url: 'http://hiltongardeninn3.hilton.com/en/hotels/united-kingdom/hilton-garden-inn-luton-north-LTNNOGI/index.html',
+    lat: 51.9116,
+    lng: -0.3883,
+  },
+  {
+    title: 'Premier Inn',
+    url: 'http://www.premierinn.com/gb/en/hotels/england/hertfordshire/hitchin/hitchin-town-centre.html',
+    lat: 51.9493,
+    lng: -0.2762,
+  },
+  {
+    title: 'Lodge Farm House',
+    url: 'http://lodgefarmbandb.co.uk',
+    lat: 51.9054,
+    lng: -0.3354,
+  },
+  {
+    title: 'Red Lion Inn',
+    url: 'http://www.theredliongreatoffley.co.uk',
+    lat: 51.9266,
+    lng: -0.3348,
+  },
+];
+
+class Accomodation extends React.Component {
+  render() {
+    return (
+      <div className={s.root}>
+        <div className={s.bgImage} />
+        <div className={s.container}>
+          <div className={s.headings}>
+            <h1>Local hotels</h1>
+          </div>
+          <div className={s.content}>
+            <h3>The following hotels are near Offley Place</h3>
+            <ul>
+              {hotels.map((hotel, index) => (
+                <li key={index}><a className={s.hotelLink} href={hotel.url}>{hotel.title}</a></li>
+              ))}
+            </ul>
+            <div className={s.map}>
+              <Map
+                defaultZoom={12}
+                lat={offley[0].lat}
+                lng={offley[0].lng}
+                markers={hotels}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default withStyles(s)(Accomodation);