feat(SW-962): add activites sidepeek

components/ContentType/HotelPage/Facilities/CardGrid/ActivitiesCardGrid.tsx

@@ -20,7 +20,7 @@ export default function ActivitiesCardGrid(activitiesCard: ActivityCard) {
     theme: hasImage ? "image" : "primaryDark",
     primaryButton: hasImage
       ? {
-          href: activitiesCard.contentPage.href,
+          href: `?s=${activities[lang]}`,
           title: activitiesCard.ctaText,
           isExternal: false,
         }
@@ -28,7 +28,7 @@ export default function ActivitiesCardGrid(activitiesCard: ActivityCard) {
     secondaryButton: hasImage
       ? undefined
       : {
-          href: activitiesCard.contentPage.href,
+          href: `?s=${activities[lang]}`,
           title: activitiesCard.ctaText,
           isExternal: false,
         },

components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css

@@ -0,0 +1,2 @@
+.wrapper {
+}

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

@@ -0,0 +1,20 @@
+import { activities } from "@/constants/routes/hotelPageParams"
+
+import SidePeek from "@/components/TempDesignSystem/SidePeek"
+import { getIntl } from "@/i18n"
+import { getLang } from "@/i18n/serverContext"
+
+import styles from "./activities.module.css"
+
+export default async function ActivitiesSidePeek() {
+  const lang = getLang()
+  const intl = await getIntl()
+  return (
+    <SidePeek
+      contentKey={activities[lang]}
+      title={intl.formatMessage({ id: "Activities" })}
+    >
+      <div className={styles.wrapper}>This is some content for Activities</div>
+    </SidePeek>
+  )
+}

components/ContentType/HotelPage/SidePeeks/index.ts

@@ -1,4 +1,5 @@
 export { default as AboutTheHotelSidePeek } from "./AboutTheHotel"
+export { default as ActivitiesSidePeek } from "./Activities"
 export { default as AmenitiesSidePeek } from "./Amenities"
 export { default as RoomSidePeek } from "./Room"
 export { default as WellnessAndExerciseSidePeek } from "./WellnessAndExercise"

components/ContentType/HotelPage/index.tsx

@@ -29,6 +29,7 @@ import PreviewImages from "./PreviewImages"
 import { Rooms } from "./Rooms"
 import {
   AboutTheHotelSidePeek,
+  ActivitiesSidePeek,
   AmenitiesSidePeek,
   RoomSidePeek,
   WellnessAndExerciseSidePeek,