Added getting started modal to home screen

src/modals/GettingStartedModal.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { Box, Label, Text } from "theme-ui";
+import raw from "raw.macro";
+
+import Modal from "../components/Modal";
+import Markdown from "../components/Markdown";
+import Link from "../components/Link";
+
+const gettingStarted = raw("../docs/howTo/gettingStarted.md");
+
+function GettingStartedModal({ isOpen, onRequestClose }) {
+  return (
+    <Modal
+      isOpen={isOpen}
+      onRequestClose={onRequestClose}
+      style={{ maxWidth: "450px" }}
+    >
+      <Box>
+        <Label py={2}>Getting Started</Label>
+        <Markdown source={gettingStarted} />
+        <Text variant="body2" my={2}>
+          For more tutorials visit the <Link to="/how-to">How To</Link> page
+        </Text>
+      </Box>
+    </Modal>
+  );
+}
+
+export default GettingStartedModal;