Add divider

src/components/Divider/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import * as styles from "./styles.module.css";
+
+const Divider = () => (
+    <div className={styles.divider}>
+        <div className={[styles.dividerLine, styles.light].join(' ')}></div>
+    </div>
+)
+
+export default Divider;

src/components/Divider/styles.module.css

@@ -0,0 +1,19 @@
+.divider {
+    margin-top: 32px;
+    padding: 8px 0;
+    width: 100%;
+}
+
+.dividerLine {
+    width: 80%;
+    margin: 0 auto;
+    height: 1px;
+}
+
+.dark {
+    background: #4f5a7d;
+}
+
+.light {
+    background: #b2bad1;
+}

src/pages/index.js

@@ -8,15 +8,18 @@ import MainFeatures from "../components/MainFeatures"
 import AboutTelenor from "../components/AboutTelenor"
 import Seo from "../components/seo"
 import Layout from "../components/Layout"
+import Divider from "../components/Divider"
 
 const Index = () => (
   <Layout className={styles.main}>
     <Container>
       <MainFeatures />
     </Container>
+    <Divider />
     <Container>
       <MainTechnologies />
     </Container>
+      <Divider />
     <Container>
       <MainDataPlatformFeatures />
     </Container>