From 90fae26aa4bd0e0eb3272ff6e6524060e9004fbb Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Mon, 29 Jun 2020 15:47:09 +0200
Subject: Prepare frontend repository for monorepo

This change prepares the frontend Git repository for the monorepo
residing at https://github.com/atlarge-research.com/opendc. To
accomodate for this, we move all files into a frontend subdirectory.
---
 frontend/src/components/home/StakeholderSection.js | 42 ++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 frontend/src/components/home/StakeholderSection.js

(limited to 'frontend/src/components/home/StakeholderSection.js')

diff --git a/frontend/src/components/home/StakeholderSection.js b/frontend/src/components/home/StakeholderSection.js
new file mode 100644
index 00000000..6d25fd86
--- /dev/null
+++ b/frontend/src/components/home/StakeholderSection.js
@@ -0,0 +1,42 @@
+import React from "react";
+import ContentSection from "./ContentSection";
+
+const Stakeholder = ({ name, title, subtitle }) => (
+  <div className="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
+    <img
+      src={"img/stakeholders/" + name + ".png"}
+      className="col-xl-3 col-lg-4 col-md-4 col-sm-4 col-4 img-fluid"
+      alt={title}
+    />
+    <div className="text-center mt-2">
+      <h4>{title}</h4>
+      <p>{subtitle}</p>
+    </div>
+  </div>
+);
+
+const StakeholderSection = () => (
+  <ContentSection name="stakeholders" title="Stakeholders">
+    <div className="row justify-content-center">
+      <Stakeholder
+        name="Manager"
+        title="Managers"
+        subtitle="Seeing is deciding"
+      />
+      <Stakeholder name="Sales" title="Sales" subtitle="Demo concepts" />
+      <Stakeholder name="Developer" title="DevOps" subtitle="Develop & tune" />
+      <Stakeholder
+        name="Researcher"
+        title="Researchers"
+        subtitle="Understand & design"
+      />
+      <Stakeholder
+        name="Student"
+        title="Students"
+        subtitle="Grasp complex concepts"
+      />
+    </div>
+  </ContentSection>
+);
+
+export default StakeholderSection;
-- 
cgit v1.2.3