Add content sections to homepage

1 files changed, 19 insertions, 0 deletions

diff --git a/src/components/home/SimulationSection.js b/src/components/home/SimulationSection.js
new file mode 100644
index 00000000..d9212c95
--- /dev/null
+++ b/src/components/home/SimulationSection.js
@@ -0,0 +1,19 @@
+import React from "react";
+import ScreenshotSection from "./ScreenshotSection";
+
+const ModelingSection = () => (
+    <ScreenshotSection name="simulation" title="Datacenter Simulation"
+                       imageUrl="https://github.com/atlarge-research/opendc/raw/master/images/opendc-frontend-simulation-zoom.PNG"
+                       caption="The same simulation at node level"
+                       imageIsRight={false}>
+        <h3>Working with OpenDC:</h3>
+        <ul>
+            <li>Seamlessly switch between construction and simulation modes</li>
+            <li>Choose one of several predefined workloads (Big Data, Bag of Tasks, Hadoop, etc.)</li>
+            <li>Play, pause, and skip around the informative simulation timeline</li>
+            <li>Visualize and demo live</li>
+        </ul>
+    </ScreenshotSection>
+);
+
+export default ModelingSection;