feat(SW-962): add preamble

components/ContentType/HotelPage/SidePeeks/Activities/index.tsx

@@ -13,7 +13,7 @@ import { ActivitiesSidePeekProps } from "@/types/components/hotelPage/sidepeek/a
 
 export default async function ActivitiesSidePeek({
   preamble,
-  contentPage,
+  contentPageLink,
 }: ActivitiesSidePeekProps) {
   const lang = getLang()
   const intl = await getIntl()
@@ -23,15 +23,13 @@ export default async function ActivitiesSidePeek({
       title={intl.formatMessage({ id: "Activities" })}
     >
       <Preamble className={styles.preamble}>{preamble}</Preamble>
-      {contentPage?.href && (
-        <div className={styles.buttonContainer}>
-          <Button theme="base" intent="secondary" asChild>
-            <Link href={contentPage.href} color="burgundy" weight="bold">
-              {intl.formatMessage({ id: "Show activities calendar" })}
-            </Link>
-          </Button>
-        </div>
-      )}
+      <div className={styles.buttonContainer}>
+        <Button theme="base" intent="secondary" asChild>
+          <Link href={contentPageLink} color="burgundy" weight="bold">
+            {intl.formatMessage({ id: "Show activities calendar" })}
+          </Link>
+        </Button>
+      </div>
     </SidePeek>
   )
 }

components/ContentType/HotelPage/index.tsx

@@ -200,10 +200,12 @@ export default async function HotelPage({ hotelId }: HotelPageProps) {
           Restaurant & Bar
         </SidePeek>
         <WellnessAndExerciseSidePeek healthFacilities={healthFacilities} />
-        <ActivitiesSidePeek
-          preamble="This is content about activites"
-          contentPage={activitiesCard?.contentPage}
-        />
+        {activitiesCard && (
+          <ActivitiesSidePeek
+            preamble={activitiesCard.preamble}
+            contentPageLink={activitiesCard.contentPage.href}
+          />
+        )}
         <SidePeek
           contentKey={meetingsAndConferences[lang]}
           title={intl.formatMessage({ id: "Meetings & Conferences" })}