+ renderImage(
+ images.edges.find(image => image.node.relativePath === props.src)
+ )
+ }
+ />
+ )
+}
+
+export default GalleryImg
diff --git a/src/components/style.css b/src/components/style.css
index 4500f67..d54d729 100644
--- a/src/components/style.css
+++ b/src/components/style.css
@@ -621,3 +621,28 @@ pre tt:after {
.page-btn {
margin-bottom: 40px;
}
+
+.two-col-gallery-grid {
+ display: flex;
+ justify-content: space-between;
+ flex-direction: row;
+ flex-wrap: wrap;
+}
+
+.gatsby-image-wrapper {
+ flex: 0 0 49%;
+ max-width: 49%;
+ margin-bottom: 2%;
+}
+
+@media screen and (max-width: 480px) {
+
+ .two-col-gallery-grid {
+ display: block;
+ }
+
+ .gatsby-image-wrapper {
+ max-width: none;
+ }
+
+}
diff --git a/src/images/HLCCHL-Hall-Hire-1.jpg b/src/images/HLCCHL-Hall-Hire-1.jpg
new file mode 100644
index 0000000..ff18fcc
Binary files /dev/null and b/src/images/HLCCHL-Hall-Hire-1.jpg differ
diff --git a/src/images/HLCCHL-Hall-Hire-2.jpg b/src/images/HLCCHL-Hall-Hire-2.jpg
new file mode 100644
index 0000000..6340977
Binary files /dev/null and b/src/images/HLCCHL-Hall-Hire-2.jpg differ
diff --git a/src/images/HLCCHL-Hall-Hire-3.jpg b/src/images/HLCCHL-Hall-Hire-3.jpg
new file mode 100644
index 0000000..735c188
Binary files /dev/null and b/src/images/HLCCHL-Hall-Hire-3.jpg differ
diff --git a/src/images/HLCCHL-Hall-Hire-4.jpg b/src/images/HLCCHL-Hall-Hire-4.jpg
new file mode 100644
index 0000000..e9d6813
Binary files /dev/null and b/src/images/HLCCHL-Hall-Hire-4.jpg differ
diff --git a/src/images/HLCCHL-Hall-Hire-5.jpg b/src/images/HLCCHL-Hall-Hire-5.jpg
new file mode 100644
index 0000000..39a2959
Binary files /dev/null and b/src/images/HLCCHL-Hall-Hire-5.jpg differ
diff --git a/src/images/HLCCHL-Hall-Hire-6.jpg b/src/images/HLCCHL-Hall-Hire-6.jpg
new file mode 100644
index 0000000..7c66159
Binary files /dev/null and b/src/images/HLCCHL-Hall-Hire-6.jpg differ
diff --git a/src/images/HLCCHL-Hall-Hire-7.jpg b/src/images/HLCCHL-Hall-Hire-7.jpg
new file mode 100644
index 0000000..3116895
Binary files /dev/null and b/src/images/HLCCHL-Hall-Hire-7.jpg differ
diff --git a/src/images/HLCCHL-Hall-Hire-8.jpeg b/src/images/HLCCHL-Hall-Hire-8.jpeg
new file mode 100644
index 0000000..cd6fb1d
Binary files /dev/null and b/src/images/HLCCHL-Hall-Hire-8.jpeg differ
diff --git a/src/pages/hall-hire.js b/src/pages/hall-hire.js
index c006a9f..bcf0931 100644
--- a/src/pages/hall-hire.js
+++ b/src/pages/hall-hire.js
@@ -1,6 +1,6 @@
import React from 'react'
import { Link } from 'gatsby'
-
+import GalleryImg from '../components/gallery-img'
import LayoutPage from '../components/layout-page/layout-page'
import SEO from '../components/seo'
@@ -25,9 +25,22 @@ const HallHirePage = () => (
Note: No loud amplified music is permitted as the hall is below sheltered accommodation. Gentle music is allowed.
Please see our Terms of Hire for more information.
+
+
Hall Hire Gallery
- image grid to go here ...
+
+
+
+
+
+
+
+
+
+
+
+
)