add image-and-text and image slider block types

web/src/components/events/EventHeader.tsx

@@ -5,6 +5,8 @@ import { Pig } from "../general/Pig";
 import Link from "next/link";
 
 export const EventHeader = ({ event }: { event: EventFragment }) => {
+  const featuredImage: any = event.featuredImage
+
   return (
     <div className={styles.eventHeader}>
       <div className={styles.text}>
@@ -61,12 +63,12 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
         </div>
       </div>
       <div className={styles.image}>
-        {event.featuredImage && (
+        {featuredImage && (
           <Image
-            src={event.featuredImage.url}
-            alt={event.featuredImage.alt}
-            width={event.featuredImage.width}
-            height={event.featuredImage.height}
+            src={featuredImage.url}
+            alt={featuredImage.alt}
+            width={featuredImage.width}
+            height={featuredImage.height}
             sizes="100vw"
           />
         )}