Adding middle content blurb

components/contentBlurb/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import './style.scss';
+
+const ContentBlurb = () => (
+  <div className="content-blurb">
+    <div className="container">
+      <p>
+        The community behind ETHPrize has interviewed over 100 developers in order to produce this
+        website which showcases the biggest frustrations and opportunities in the ecosystem.
+      </p>
+      <p>
+        We invite all developers, product managers, designers and #buidlers to use the ideas here
+        and figure out what to make next so that we can all continue to build the world’s best
+        cryptocurrency community and ship great products that actually improve the lives of as many
+        people as possible.
+      </p>
+    </div>
+  </div>
+);
+
+export default ContentBlurb;

components/contentBlurb/style.scss

@@ -0,0 +1,9 @@
+@import './assets/styles/global.scss';
+
+.content-blurb {
+  margin-bottom: calculateRem(60);
+
+  p {
+    margin-bottom: calculateRem(16);
+  }
+}

pages/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PageHeader from '../components/pageHeader';
 import PageFooter from '../components/pageFooter';
 import Resources from '../components/resources';
+import ContentBlurb from '../components/contentBlurb';
 import BrowseArchives from '../components/browseArchives';
 import '../styles.scss';
 
@@ -12,6 +13,7 @@ class PageWrapper extends React.Component {
       <div className="page-wrapper">
         <PageHeader />
         <Resources />
+        <ContentBlurb />
         <BrowseArchives />
         <PageFooter />
       </div>