add static pages

imports/ui/pages/Page/Page.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Meteor } from 'meteor/meteor';
+import { createContainer } from 'meteor/react-meteor-data';
+import { ReactiveVar } from 'meteor/reactive-var';
+import PageHeader from '../../components/PageHeader/PageHeader';
+import Content from '../../components/Content/Content';
+
+import './Page.scss';
+
+const Page = ({ title, subtitle, content }) => (
+  <div className="Page">
+    <PageHeader title={title} subtitle={subtitle} />
+    <Content content={content} />
+  </div>
+);
+
+Page.defaultProps = {
+  subtitle: '',
+};
+
+Page.propTypes = {
+  title: PropTypes.string.isRequired,
+  subtitle: PropTypes.string,
+  content: PropTypes.string.isRequired,
+};
+
+const pageContent = new ReactiveVar('');
+
+export default createContainer(({ content, page }) => {
+  window.scrollTo(0, 0); // Force window to top of page.
+
+  Meteor.call('utility.getPage', page, (error, response) => {
+    if (error) {
+      console.warn(error);
+    } else {
+      pageContent.set(response);
+    }
+  });
+
+  return {
+    content: content || pageContent.get(),
+  };
+}, Page);

imports/ui/pages/Page/Page.scss

@@ -0,0 +1,11 @@
+@import '../../stylesheets/mixins';
+
+.Page {
+  margin-bottom: 0px;
+}
+
+@include breakpoint(tablet) {
+  .Page {
+    margin-bottom: 30px;
+  }
+}