add venue map and style tables and make a placeholder image gallery

web/src/components/blocks/ImageSliderBlock.tsx

@@ -13,11 +13,13 @@ import "./swiper.scss";
 
 export const ImageSliderBlock = ({
   block,
+  hero,
 }: {
   block: ImageSliderBlockType;
+  hero?: boolean;
 }) => {
   return (
-    <div className={styles.imageSliderBlock}>
+    <div className={styles.imageSliderBlock} data-hero={hero}>
       <Swiper
         pagination={{
           type: "fraction",

web/src/components/blocks/imageSliderBlock.module.scss

@@ -1,5 +1,6 @@
 .imageSliderBlock {
-  height: 90vh;
+  position: relative;
+  padding-top: 56%;
   background: var(--color-black);
   color: var(--color-goldenBeige);
   margin: calc(var(--spacing-sitepadding)*2) calc(var(--spacing-sitepadding)*-1);
@@ -38,4 +39,8 @@
   &:last-child {
     margin-bottom: 0;
   }
+
+  &[data-hero] {
+    margin-top: calc(var(--spacing-sitepadding)* -2);
+  }
 }

web/src/components/blocks/swiper.scss

@@ -1,6 +1,8 @@
 .swiper {
   width: 100%;
   height: 100%;
+  position: absolute;
+  top: 0;
 }
 
 .swiper-button-next,