diff --git a/README.md b/README.md
index 0f119a7a..c72b2b37 100644
--- a/README.md
+++ b/README.md
@@ -33,4 +33,5 @@ Make sure you have `node`, `npm` and `make` installed on your system.
 4. Add `releaseNotes`, this is an array of strings, for localization those are translated using `t('firstrunwizard', 'YOUR MESSAGE')`
 5. Change the `videoAltText` for the Hub release animation if needed (alternative text for accessibility)
 6. Adjust the `shareSubject` which is used when users share their thoughts about the release on social media
-7. Replace `img/nextcloudHub.mp4` and `img/nextcloudHub.webm` with updated animations
+7. Replace `img/nextcloudHub.mp4` and `img/nextcloudHub.webm` (VP9) with updated animations
+8. Update the current changelog version in `lib/Constants.php`
diff --git a/img/nextcloudHub.mp4 b/img/nextcloudHub.mp4
new file mode 100644
index 00000000..27d59e02
Binary files /dev/null and b/img/nextcloudHub.mp4 differ
diff --git a/img/nextcloudHub.webm b/img/nextcloudHub.webm
new file mode 100644
index 00000000..2419f11e
Binary files /dev/null and b/img/nextcloudHub.webm differ
diff --git a/src/components/pages/HubRelease.vue b/src/components/pages/HubRelease.vue
index cf220b6a..89a6bba2 100644
--- a/src/components/pages/HubRelease.vue
+++ b/src/components/pages/HubRelease.vue
@@ -27,7 +27,7 @@
 				playsinline
 				autoplay
 				muted>
-				<source :src="videoWebm" type="video/webm">
+				<source :src="videoWebm" type="video/webm;codecs=vp9">
 				<source :src="videoMp4" type="video/mp4">
 				{{ HUBRelease.videoAltText }}
 			</video>
diff --git a/src/components/pages/WhatsNew.vue b/src/components/pages/WhatsNew.vue
index bf365765..3f097116 100644
--- a/src/components/pages/WhatsNew.vue
+++ b/src/components/pages/WhatsNew.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<WizardPage :title="t('firstrunwizard', 'What is new in Nextcloud Hub {version}?', { version: HubRelease.version })">
+	<WizardPage :title="t('firstrunwizard', 'New in Nextcloud Hub {version}', { version: HubRelease.version }) + ' 🚀'">
 		<ul :class="$style.list">
 			<li v-for="(entry, index) of HubRelease.releaseNotes" :key="index" :class="$style.entry">
 				{{ entry }}
diff --git a/src/hub-release.ts b/src/hub-release.ts
new file mode 100644
index 00000000..7b555caf
--- /dev/null
+++ b/src/hub-release.ts
@@ -0,0 +1,38 @@
+import { translate as t } from '@nextcloud/l10n'
+
+/* How to do a new release?
+ * 1. Update the `version` to the current HUB release
+ * 2. Update the `link` for further informations
+ * 3. Add release notes, each entry is a new point.
+ * 4. Update the alt text for the animation if needed.
+ */
+export default {
+	/** The HUB release version */
+	version: '8',
+
+	/** Link to further information (e.g. blog post) */
+	link: 'https://nextcloud.com/blog/nextcloud-hub8/',
+
+	/** Release notes in list format */
+	releaseNotes: [
+		'✨ ' + t('firstrunwizard', 'Assistant: chat summaries, Mail reply suggestions, answers based on your data, and more'),
+
+		'🖱️ ' + t('firstrunwizard', 'Interactive previews for files, folders, boards and events'),
+
+		'🌐 ' + t('firstrunwizard', 'Federated chat and message editing in Talk'),
+
+		'🗒️ ' + t('firstrunwizard', 'Mini-apps based on Tables'),
+
+		'🔗 ' + t('firstrunwizard', 'Public Collectives sharing, previews and QR-codes'),
+
+		'👥 ' + t('firstrunwizard', 'Manage your team resources like a pro with Nextcloud Teams'),
+
+		'🔄 ' + t('firstrunwizard', 'Forms: automatically sync with a spreadsheet'),
+	],
+
+	/** Alternative text for the release animation */
+	videoAltText: t('firstrunwizard', 'Get to know the new features of Hub 8'),
+
+	/** Subject that is used when sharing the post */
+	shareSubject: t('firstrunwizard', 'Nextcloud Hub {version} release', { version: '8' }),
+}