1 files changed, 25 insertions, 0 deletions
diff --git a/frontend/src/components/home/SimulationSection.js b/frontend/src/components/home/SimulationSection.js
new file mode 100644
index 00000000..3961e549
--- /dev/null
+++ b/frontend/src/components/home/SimulationSection.js
@@ -0,0 +1,25 @@
+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="Running an experiment in OpenDC"
+    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;