1 files changed, 25 insertions, 0 deletions
diff --git a/src/js/cms-preview-templates/components/jumbotron.js b/src/js/cms-preview-templates/components/jumbotron.js
new file mode 100644
index 0000000..128a51e
--- /dev/null
+++ b/src/js/cms-preview-templates/components/jumbotron.js
@@ -0,0 +1,25 @@
+import React from "react";
+
+export default class Jumbotron extends React.Component {
+  render() {
+    const {image, title, subtitle} = this.props;
+    return <div>
+      <div className="pv5 pv6-l ph3 bg-center cover" style={{
+        backgroundImage: image && `url(${image})`
+      }}>
+        <div className="mw7 center ph3">
+          <div className="db mb3">
+            <div className="mw7 relative bg-fix-primary mb3">
+              <h1 className="f2 f1-l b di lh-title mb3 white mw6 bg-primary">
+                { title }
+              </h1>
+            </div>
+            <div className="mw7 relative bg-fix-primary">
+              {subtitle && <p className="b f4 di lh-title mb3 white mw6 bg-primary">{ subtitle }</p>}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>;
+  }
+}