diff --git a/components/ContentType/HotelPage/Facilities/CardGrid/ActivitiesCardGrid.tsx b/components/ContentType/HotelPage/Facilities/CardGrid/ActivitiesCardGrid.tsx
index c1bf12c31..dd865227e 100644
--- a/components/ContentType/HotelPage/Facilities/CardGrid/ActivitiesCardGrid.tsx
+++ b/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,
         },
diff --git a/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css b/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css
new file mode 100644
index 000000000..ec81ef8e9
--- /dev/null
+++ b/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css
@@ -0,0 +1,2 @@
+.wrapper {
+}
diff --git a/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx b/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
new file mode 100644
index 000000000..19b17bc8d
--- /dev/null
+++ b/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>
+  )
+}
diff --git a/components/ContentType/HotelPage/SidePeeks/index.ts b/components/ContentType/HotelPage/SidePeeks/index.ts
index 7eff75db2..e7233e010 100644
--- a/components/ContentType/HotelPage/SidePeeks/index.ts
+++ b/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"
diff --git a/components/ContentType/HotelPage/index.tsx b/components/ContentType/HotelPage/index.tsx
index 8910a7cd8..f7c14c664 100644
--- a/components/ContentType/HotelPage/index.tsx
+++ b/components/ContentType/HotelPage/index.tsx
@@ -29,6 +29,7 @@ import PreviewImages from "./PreviewImages"
 import { Rooms } from "./Rooms"
 import {
   AboutTheHotelSidePeek,
+  ActivitiesSidePeek,
   AmenitiesSidePeek,
   RoomSidePeek,
   WellnessAndExerciseSidePeek,