diff --git a/src/components/UpcomingRoadmap.astro b/src/components/UpcomingRoadmap.astro
new file mode 100644
index 000000000..fc6b80000
--- /dev/null
+++ b/src/components/UpcomingRoadmap.astro
@@ -0,0 +1,46 @@
+---
+import CaptchaFields from './Captcha/CaptchaFields.astro';
+import Icon from './Icon.astro';
+---
+
+
+
+
+
Upcoming Roadmap
+
+ Please check back later or subscribe below.
+
+
+
+
+
diff --git a/src/pages/[roadmapId]/index.astro b/src/pages/[roadmapId]/index.astro
index 309708e49..3089867f6 100644
--- a/src/pages/[roadmapId]/index.astro
+++ b/src/pages/[roadmapId]/index.astro
@@ -3,6 +3,7 @@ import CaptchaScripts from '../../components/Captcha/CaptchaScripts.astro';
import InteractiveRoadmap from '../../components/InteractiveRoadmap/InteractiveRoadmap.astro';
import MarkdownRoadmap from '../../components/MarkdownRoadmap.astro';
import RoadmapHeader from '../../components/RoadmapHeader.astro';
+import UpcomingRoadmap from '../../components/UpcomingRoadmap.astro';
import BaseLayout from '../../layouts/BaseLayout.astro';
import { getRoadmapIds, RoadmapFrontmatter } from '../../lib/roadmap';
@@ -35,10 +36,11 @@ const roadmapData = roadmapFile.frontmatter as RoadmapFrontmatter;
title={roadmapData.title}
roadmapId={roadmapId}
hasTopics={roadmapData.hasTopics}
+ isUpcoming={roadmapData.isUpcoming}
/>
{
- roadmapData.jsonUrl && (
+ !roadmapData.isUpcoming && roadmapData.jsonUrl && (