1 files changed, 24 insertions, 0 deletions
diff --git a/frontend/src/components/home/ModelingSection.js b/frontend/src/components/home/ModelingSection.js
new file mode 100644
index 00000000..17834b0b
--- /dev/null
+++ b/frontend/src/components/home/ModelingSection.js
@@ -0,0 +1,24 @@
+import React from "react";
+import ScreenshotSection from "./ScreenshotSection";
+
+const ModelingSection = () => (
+  <ScreenshotSection
+    name="modeling"
+    title="Datacenter Modeling"
+    imageUrl="https://github.com/atlarge-research/opendc/raw/master/images/opendc-frontend-construction.PNG"
+    caption="Building a datacenter in OpenDC"
+    imageIsRight={true}
+  >
+    <h3>Collaboratively...</h3>
+    <ul>
+      <li>Model DC layout, and room locations and types</li>
+      <li>Place racks in rooms and nodes in racks</li>
+      <li>
+        Add real-world CPU, GPU, memory, storage and network units to each node
+      </li>
+      <li>Select from diverse scheduling policies</li>
+    </ul>
+  </ScreenshotSection>
+);
+
+export default ModelingSection;