diff --git a/api/router.go b/api/router.go
index f484d351c..6725a5adc 100644
--- a/api/router.go
+++ b/api/router.go
@@ -183,6 +183,7 @@ func Route(
 	authenticatedAPI.Use(StoreMiddleware, JSONMiddleware, authentication)
 
 	authenticatedAPI.Path("/info").HandlerFunc(systemInfoController.GetSystemInfo).Methods("GET", "HEAD")
+	authenticatedAPI.Path("/info/seen_intro").HandlerFunc(systemInfoController.SetSeenIntro).Methods("POST")
 
 	authenticatedAPI.Path("/subscription").HandlerFunc(subscriptionController.Activate).Methods("POST")
 	authenticatedAPI.Path("/subscription").HandlerFunc(subscriptionController.GetSubscription).Methods("GET")
diff --git a/api/system_info.go b/api/system_info.go
index f5ca48ca7..f0298219f 100644
--- a/api/system_info.go
+++ b/api/system_info.go
@@ -2,6 +2,7 @@ package api
 
 import (
 	"errors"
+	"fmt"
 	"net/http"
 
 	"github.com/semaphoreui/semaphore/api/helpers"
@@ -76,6 +77,17 @@ func (c *SystemInfoController) GetSystemInfo(w http.ResponseWriter, r *http.Requ
 		plan = token.Plan
 	}
 
+	// Check if the user has seen the intro
+	seenIntroKey := fmt.Sprintf("seen_intro_%d", user.ID)
+	seenIntroVersion, err := helpers.Store(r).GetOption(seenIntroKey)
+	seenIntro := seenIntroVersion == util.Ver
+
+	if err != nil {
+		log.WithError(err).Error("Failed to get seen_intro option")
+		http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
+		return
+	}
+
 	body := map[string]any{
 		"version":           util.Version(),
 		"ansible":           util.AnsibleVersion(),
@@ -87,7 +99,33 @@ func (c *SystemInfoController) GetSystemInfo(w http.ResponseWriter, r *http.Requ
 		"schedule_timezone": timezone,
 		"teams":             util.Config.Teams,
 		"roles":             roles,
+		"seen_intro":        seenIntro,
 	}
 
 	helpers.WriteJSON(w, http.StatusOK, body)
 }
+
+func (c *SystemInfoController) SetSeenIntro(w http.ResponseWriter, r *http.Request) {
+	user := helpers.GetFromContext(r, "user").(*db.User)
+
+	var reqBody struct {
+		Version string `json:"version"`
+	}
+
+	if !helpers.Bind(w, r, &reqBody) {
+		return
+	}
+
+	seenIntroKey := fmt.Sprintf("seen_intro_%d", user.ID)
+
+	err := helpers.Store(r).SetOption(seenIntroKey, reqBody.Version)
+	if err != nil {
+		log.WithError(err).Error("Failed to set seen_intro option")
+		http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
+		return
+	}
+
+	helpers.WriteJSON(w, http.StatusOK, map[string]string{
+		"status": "ok",
+	})
+}
diff --git a/web/src/App.vue b/web/src/App.vue
index 2f045c1dc..3cbfe84e6 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -1,5 +1,7 @@
 <template>
   <v-app v-if="state === 'success'" class="app">
+    <IntroDialog v-model="introDialog" />
+
     <YesNoDialog
       :title="$t('projectRestoreResult')"
       v-model="restoreProjectResultDialog"
@@ -853,6 +855,7 @@ import RestoreProjectForm from '@/components/RestoreProjectForm.vue';
 import YesNoDialog from '@/components/YesNoDialog.vue';
 import TaskLogDialog from '@/components/TaskLogDialog.vue';
 import delay from '@/lib/delay';
+import IntroDialog from '@/components/IntroDialog.vue';
 
 const PROJECT_COLORS = ['red', 'blue', 'orange', 'green'];
 
@@ -924,6 +927,7 @@ function getSystemLang() {
 export default {
   name: 'App',
   components: {
+    IntroDialog,
     SubscriptionForm,
     TaskLogDialog,
     YesNoDialog,
@@ -970,6 +974,8 @@ export default {
           ...LANGUAGES[lang],
         })),
       ],
+
+      introDialog: null,
     };
   },
 
@@ -1060,6 +1066,7 @@ export default {
     try {
       await this.loadData();
       this.state = 'success';
+      this.introDialog = !this.systemInfo.seen_intro;
     } catch (err) {
       if (err.response && err.response.status === 401) {
         if (this.$route.path !== '/auth/login') {
diff --git a/web/src/assets/intro/poster.webp b/web/src/assets/intro/poster.webp
new file mode 100644
index 000000000..b0b536887
Binary files /dev/null and b/web/src/assets/intro/poster.webp differ
diff --git a/web/src/components/IntroDialog.vue b/web/src/components/IntroDialog.vue
new file mode 100644
index 000000000..780e42250
--- /dev/null
+++ b/web/src/components/IntroDialog.vue
@@ -0,0 +1,73 @@
+<template>
+  <EditDialog
+    v-model="dialog"
+    :max-width="1000"
+    hide-buttons
+    :expandable="true"
+    no-body-paddings
+    @close="onClose()"
+    test-id="introDialog"
+    title="New release v2.17 🎉"
+  >
+    <template v-slot:form="{}">
+      <v-carousel>
+        <v-carousel-item>
+
+        </v-carousel-item>
+        <v-carousel-item> </v-carousel-item>
+      </v-carousel>
+    </template>
+  </EditDialog>
+</template>
+<script>
+import EditDialog from '@/components/EditDialog.vue';
+import ProjectMixin from '@/components/ProjectMixin';
+
+export default {
+  components: { EditDialog },
+
+  mixins: [ProjectMixin],
+
+  props: {
+    value: Boolean,
+    projectId: Number,
+    itemId: Number,
+    systemInfo: Object,
+  },
+
+  watch: {
+    async dialog(val) {
+      this.$emit('input', val);
+    },
+
+    async value(val) {
+      this.item = null;
+      this.template = null;
+      this.dialog = val;
+      await this.loadData();
+    },
+  },
+
+  data() {
+    return {
+      dialog: null,
+      model: 0,
+    };
+  },
+
+  methods: {
+    close() {
+      this.dialog = false;
+      this.onClose();
+    },
+
+    async loadData() {
+      //
+    },
+
+    onClose() {
+      this.$emit('close');
+    },
+  },
+};
+</script>