Guides page

pages/guides/index.js

@@ -1,12 +1,22 @@
 import DefaultLayout from 'layouts/default/index';
 import SiteNav from 'components/site-nav';
+import PageHeader from 'components/page-header';
+import PageFooter from 'components/page-footer';
 
 const Roadmap = () => (
   <DefaultLayout>
     <SiteNav />
-    <div className="container">
-      <p>Show all guides here</p>
+    <PageHeader
+      title="Guides"
+      subtitle="Community written guides, <a href='/signup'>subscribe to get new guides</a>"
+    />
+    <div className="border-top bg-light">
+      <div className="container">
+        <p>Show all guides here</p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis eaque mollitia nobis perferendis perspiciatis, quas sed vitae. Ad commodi culpa dolorum id iusto natus nesciunt quam ratione repudiandae sed? Ab!
+      </div>
     </div>
+    <PageFooter />
   </DefaultLayout>
 );
 

pages/roadmaps.js

@@ -14,8 +14,8 @@ const RoadmapsList = () => (
     <SiteNav />
     <div className="container">
       <PageHeader
-        title="Developer Roadmaps"
-        subtitle="We continue to improve these roadmaps and add new ones, <a href='/signup'>subscribe to get occasional updates</a>"
+        title="Roadmaps"
+        subtitle="Step by step guides and paths to learn different tools or technologies"
       />
     </div>
     <div className="pt-5 pb-5 bg-light border-top">