Add pages company aa1 to implement 1

package.json

@@ -8,6 +8,7 @@
     "mdbreact": "mdbreact-4.26.1.tgz",
     "node-sass": "^4.12.0",
     "react": "^16.8.6",
+    "react-chartjs-2": "^2.9.0",
     "react-dom": "^16.8.6",
     "react-router-dom": "^5.0.1",
     "react-scripts": "3.0.1",

src/components/pages/CompanyPage/company.scss

@@ -0,0 +1,60 @@
+#company {
+  padding: 4rem 0;
+  background: darken(white, 3%);
+  .timeline {
+    padding: 0;
+    max-width: 100%;
+    overflow: visible;
+    margin: 0;
+  }
+  .card {
+    border: 1px lightgray solid;
+    margin-bottom: 2rem;
+    .verified-badge {
+      .badge {
+        background: rgba(0, 200, 81, 0.1) !important;
+        border: 1px #00c851 solid;
+        color: darken(#00c851, 12%) !important;
+        box-shadow: none;
+      }
+    }
+    .unverified-badge {
+      .badge {
+        background: rgba(244, 67, 54, 0.1) !important;
+        border: 1px #f44336 solid;
+        color: darken(#f44336, 12%) !important;
+        box-shadow: none;
+      }
+    }
+    .badge {
+      padding: 0.4rem;
+      margin-right: 0.5rem;
+      i {
+        margin-right: 0.3rem;
+      }
+    }
+    // Navigation bar
+    .menu {
+      div {
+        padding: 0.7rem;
+        border-bottom: 1px lightgray solid;
+        cursor: pointer;
+        transition: background 0.1s ease, border-left 0.3s ease;
+        border-left: 7px white solid;
+        &:hover {
+          background: lighten(lightgray, 15%);
+          border-left: 7px #77bd43 solid;
+        }
+        &.active {
+          background: lighten(lightgray, 15%);
+          border-left: 7px #77bd43 solid;
+        }
+      }
+    }
+  }
+}
+
+/**
+ * SPDX-License-Identifier: (EUPL-1.2)
+ * Copyright © Simon Prast
+ */

src/components/pages/CompanyPage/dummy/data.js

@@ -0,0 +1,117 @@
+//#region > Exports
+// Exports a object containing various dummy data for the company page
+export default {
+  milestones: [
+    { date: "11.11.2017", name: "First employee", icon: "user-circle" },
+    { date: "20.09.2017", name: "Foundation", icon: "fire-alt" },
+  ],
+  platforms: [
+    {
+      name: "facebook",
+      url: "https://www.facebook.com/werbeagentur.aichner",
+      data: { followers: 323, avgLikes: 12 },
+    },
+    {
+      name: "instagram",
+      url: "https://www.instagram.com/aichnerchristian/",
+      data: { followers: 2713, avgLikes: 142 },
+    },
+    {
+      name: "linkedin",
+      url: "https://www.linkedin.com/company/19205978",
+      data: { followers: 2, avgLikes: 0 },
+    },
+  ],
+  employees: [
+    {
+      full_name: "Christian Aichner",
+      position: "CEO / Founder",
+      birthdate: "21.09.1998",
+      joined: "23.09.2017",
+      country: "Austria",
+      school: "HTL Villach",
+      study: "Mediatechnology",
+      tasks: [
+        "JavaScript",
+        "ReactJS",
+        "HTML",
+        "CSS",
+        "Leadership",
+        "Project Management",
+        "Corporate management",
+        "Graphics Design",
+        "Filmmaking",
+      ],
+    },
+    {
+      full_name: "Luca Allmaier",
+      position: "Social Media Manager",
+      birthdate: null,
+      joined: "01.05.2020",
+      country: "Austria",
+      school: "HTL Villach",
+      study: "Mediatechnology",
+      tasks: ["Graphics Design", "Social Media", "Customer retention"],
+    },
+    {
+      full_name: "Nico Kleber",
+      position: "Social flexing expert",
+      birthdate: null,
+      joined: "06.06.2019",
+      country: "Canada",
+      school: null,
+      study: null,
+      tasks: null,
+    },
+  ],
+  company: {
+    name: "Werbeagentur Christian Aichner",
+    description:
+      "Advertisement Agency based in Villach-Landskron, Carinthia, Austria. Top Open Source agency in Carinthia.",
+    employees: 3, // Number of employees including founder (min. value: 1)
+    vat: {
+      id: "ATU72504738",
+      verified: true,
+    },
+    email: "[email protected]", // Company contact email
+    localRelevance: true, // Is the company present in local media and / or well known?
+    verified: true, // Verified badge
+    growth: 2, // -2 strong decrease, -1 decrease, 0 stagnant, 1 growth, 2 fast growth
+    revenueGrowth: {
+      comparedTo: "last year", // last year, last quarter, last month
+      value: 87, // Rate of growth
+      unit: "%", // Is the rate of growth in %, €, ...?
+    },
+    contributors: [
+      {
+        url: "https://github.com/orgs/aichner/people", // URL to people overview
+        value: 11, // Number of contributors
+        platform: "github", // Platform for displaying icon (https://mdbootstrap.com/docs/react/content/icons-list/)
+      },
+      {
+        url: null,
+        value: 13,
+        platform: "gitlab",
+      },
+      {
+        url: null,
+        value: 0,
+        platform: "bitbucket",
+      },
+    ],
+    sites: [
+      {
+        address: "Emailwerkstraße 29",
+        country: "Austria",
+        zip: "9523",
+        city: "Villach-Landskron",
+      },
+    ],
+    isRecruiting: true, // Is the company actively searching for new employees?
+    isOpenSource: true, // Is the company developing open source or is some of its software open source?
+    references: {
+      github: "https://github.com/aichner",
+    },
+  },
+};
+//#endregion