Add upcoming roadmap page

pages/[roadmap]/index.js

@@ -5,13 +5,36 @@ import PageFooter from 'components/page-footer';
 import RoadmapSummary from 'components/roadmap-summary';
 import { serverOnlyProps } from 'lib/server';
 import { getRequestedRoadmap } from 'lib/roadmap';
-import Helmet from '../../components/helmet';
+import Helmet from 'components/helmet';
+import PageHeader from 'components/page-header';
+import GuideBody from 'components/guide-body';
 
 const Roadmap = ({ roadmap }) => {
   if (!roadmap) {
     return <Error statusCode={ 404 } />
   }
 
+  if (roadmap.upcoming) {
+    const GuideContent = require(`../../data/roadmaps/upcoming.md`).default;
+
+    return (
+      <DefaultLayout>
+        <Helmet title={ roadmap.title } description={ roadmap.description } />
+        <SiteNav />
+          <PageHeader
+            title={ roadmap.title}
+            subtitle={roadmap.description}
+          />
+          <div className="border-top pt-5">
+            <GuideBody >
+              <GuideContent />
+            </GuideBody>
+          </div>
+        <PageFooter />
+      </DefaultLayout>
+    );
+  }
+
   return (
     <DefaultLayout>
       <Helmet title={ roadmap.title } description={ roadmap.description } />