diff --git a/docs/index.md b/docs/index.md
index 7262579b4c..6e8ba346f3 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -9,6 +9,15 @@ import Github from '@/components/home/icons/Github.vue';
 import Badge from '@/components/Badge.vue';
 </script>
 
+<section :class="[$style.hero, $style.paddingBox]" style="margin-top: 64px;">
+	<Card
+		title="New Documentation!"
+		text="We've completely revamped our docs which will replace these ones soon. Take a look on https://directus.io/docs and let us know what you think!"
+		url="https://directus.io/docs"
+		icon="book"
+	/>
+</section>
+
 <section :class="[$style.hero, $style.paddingBox]">
 	<div :class="[$style.sectionContainer, $style.sectionContainerHero, $style.flex]">
 		<div :class="[$style.heroContent, $style.sectionPaddingHero]">