feat(SW-664): Hotel listing component and queries for content pages

components/Blocks/index.tsx

@@ -6,13 +6,14 @@ import UspGrid from "@/components/Blocks/UspGrid"
 import JsonToHtml from "@/components/JsonToHtml"
 
 import AccordionSection from "./Accordion"
+import HotelListing from "./HotelListing"
 import Table from "./Table"
 
 import type { BlocksProps } from "@/types/components/blocks"
 import { BlocksEnums } from "@/types/enums/blocks"
 
 export default function Blocks({ blocks }: BlocksProps) {
-  return blocks.map((block, idx) => {
+  return blocks.map(async (block, idx) => {
     const firstItem = idx === 0
     switch (block.typename) {
       case BlocksEnums.block.Accordion:
@@ -48,6 +49,21 @@ export default function Blocks({ blocks }: BlocksProps) {
             key={`${block.dynamic_content.title}-${idx}`}
           />
         )
+      case BlocksEnums.block.HotelListing:
+        const { heading, contentType, locationFilter, hotelsToInclude } =
+          block.hotel_listing
+        if (!locationFilter && !hotelsToInclude.length) {
+          return null
+        }
+
+        return (
+          <HotelListing
+            heading={heading}
+            locationFilter={locationFilter}
+            hotelsToInclude={hotelsToInclude}
+            contentType={contentType}
+          />
+        )
       case BlocksEnums.block.Shortcuts:
         return (
           <ShortcutsList