feat: 🎸 add form page with recap header. needs form component (#133)

* feat: 🎸 add form page with recap header. needs form component

* feat(form-page.js): adds conditinal render to form-page and markdown/path for get-resilience

closes #116 and closes #117

* Update _featureList.scss

package.json

@@ -4,11 +4,12 @@
   "version": "1.1.3",
   "author": "Mutual Aid",
   "dependencies": {
+    "@material-ui/core": "^4.11.0",
     "gatsby": "^2.13.31",
     "gatsby-image": "^2.0.23",
-    "gatsby-plugin-netlify-identity-widget": "1.1.1",
     "gatsby-plugin-netlify": "2.2.1",
     "gatsby-plugin-netlify-cms": "4.2.2",
+    "gatsby-plugin-netlify-identity-widget": "1.1.1",
     "gatsby-plugin-purgecss": "^4.0.0",
     "gatsby-plugin-react-helmet": "^3.0.4",
     "gatsby-plugin-sass": "^2.0.7",

src/components/FeatureList.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+
+const FeatureList = ({ items }) => (
+  <div className="featureList_container">
+    <ul>
+      {items.map((item, i) => (
+        <li className="featureList_item" key={i}>{item}</li>
+      ))}
+    </ul>
+  </div>
+);
+
+FeatureList.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.string).isRequired,
+};
+
+export default FeatureList;

src/components/scss/_featureList.scss

@@ -0,0 +1,29 @@
+.featureList_container {
+  border: 1px solid $color-grey;
+  border-radius: 4px;
+  padding: 1.5em;
+  height: 100%;
+
+  ul {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    height: 100%;
+    width: 90%;
+    list-style: none;
+    margin: auto;
+    padding: 0px;
+
+    li::before {
+      content: "\2713";
+      color: $bg-primary;
+      margin: 0 0.5em;
+    }
+  }
+}
+
+.featureList_item {
+  font-weight: 600;
+  text-transform: uppercase;
+  height: 40px;
+}

src/components/scss/styles.scss

@@ -6,6 +6,7 @@
 @import "./card";
 @import "./contact";
 @import "./custom_mixins";
+@import "./featureList";
 @import "./footer";
 @import "./grid";
 @import "./header";

src/pages/get-resilience/index.md

@@ -0,0 +1,13 @@
+---
+templateKey: form-page
+path: /get-resilience
+title: Easy to use, adaptable, open-source system made for mutual aid groups
+features:
+  - REQUESTS MANAGEMENT
+  - ONLINE PAYMENT
+  - SCHEDULING
+  - DELIVERY ROUTING
+---
+We want to be able to help as many mutual aid groups as we can and we want to hear from you what your needs are and how our app can help!
+
+[How our partners use it](/partners)