From 3051a7d1889a0318f897c134d059a68aac657e27 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Thu, 5 Jul 2018 15:09:32 +0200
Subject: [PATCH] Add client logos with color and styling

---
 src/images/logo-coor-color.svg     | 30 +++++++++++++++
 src/images/logo-ibm-color.svg      | 60 ++++++++++++++++++++++++++++++
 src/images/logo-kinnarps-color.svg | 38 +++++++++++++++++++
 src/images/logo-kinnarps.svg       | 10 ++---
 src/images/logo-ricoh-color.svg    | 20 ++++++++++
 src/images/logo-ricoh.svg          |  4 +-
 src/pages/index.js                 | 28 ++++++++++----
 7 files changed, 175 insertions(+), 15 deletions(-)
 create mode 100644 src/images/logo-coor-color.svg
 create mode 100644 src/images/logo-ibm-color.svg
 create mode 100644 src/images/logo-kinnarps-color.svg
 create mode 100644 src/images/logo-ricoh-color.svg

diff --git a/src/images/logo-coor-color.svg b/src/images/logo-coor-color.svg
new file mode 100644
index 0000000..0fe3c2b
--- /dev/null
+++ b/src/images/logo-coor-color.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 586.5 141.6" style="enable-background:new 0 0 586.5 141.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E28F26;}
+	.st1{fill:#232122;}
+</style>
+<title>coor-logo</title>
+<polygon class="st0" points="80.8,21.6 90.1,48 115.4,36 103.4,61.3 129.8,70.7 103.4,80.1 115.4,105.3 90.1,93.3 80.8,119.7 
+	71.4,93.3 46.1,105.3 58.1,80.1 31.7,70.7 58.1,61.3 46.1,36 71.4,48 "/>
+<path class="st1" d="M132.5,12.8l5.9-7.9h3.7v44.6h-5.6c-3.8-25.8-26.4-45.3-55.2-45.3C50.6,4.2,22.8,29.6,22.8,70
+	c0,42.7,25.7,67.4,58.1,67.4s49-18.7,55.6-43.2h5.6v44.6h-3.5l-6.8-9.8c-1.4-2-3.6-0.9-4.5-0.4c-14.3,8.1-29,13-46.4,13
+	C33.3,141.6,0,113.3,0,70.2C0,28.7,33.9,0,81.3,0c17.2,0,31.1,5.2,45.2,12.9C127.5,13.4,130.4,15.2,132.5,12.8z"/>
+<path class="st1" d="M242.5,102.6c-6.6,0-16.5,3.1-25.2,3.1c-26.3,0-39.2-17.3-39.2-35.3s15.4-36.1,40.1-36.1
+	c8.8,0,16.1,1.7,22.7,1.7c0.6,5.8,1.6,11.9,2.5,17.6c0.1,0.4-0.9,0.7-1.6,0.7s-1.3-0.1-1.5-0.7c-2.2-8.4-10.8-15.2-22.6-15.2
+	c-16.2,0-25.5,13.8-25.5,32s9.3,31.1,25.1,31.1c13.2,0,21.2-5.8,26-16.4c0.2-0.6,0.7-0.7,1.5-0.7s1.5,0.2,1.5,0.7
+	C245.1,90,243.5,97,242.5,102.6z"/>
+<path class="st1" d="M313.5,105.7c-23.9,0-37.8-15.8-37.8-35.3s13.9-36.1,37.8-36.1s37.9,16.5,37.9,36.1S337.5,105.7,313.5,105.7z
+	 M313.5,38.4c-15.5,0-23.7,14.5-23.7,31.9s8.2,31.2,23.7,31.2s23.8-13.7,23.8-31.2S328.9,38.4,313.5,38.4z"/>
+<path class="st1" d="M415.8,105.7c-23.9,0-37.9-15.8-37.9-35.3s14-36.1,37.9-36.1s37.9,16.5,37.9,36.1
+	C453.7,90,439.7,105.7,415.8,105.7z M415.8,38.4c-15.5,0-23.8,14.5-23.8,31.9s8.3,31.2,23.8,31.2s23.8-13.7,23.8-31.2
+	S431.2,38.4,415.8,38.4z"/>
+<path class="st1" d="M555.6,103.2c-3.5,0-8.6-0.7-10.9-0.7s-7,0.7-10,0.7l-13.9-22.9c-4.2-6.5-5.6-8.3-12.7-8.3v17
+	c0,6.7,0.8,9.4,10.8,10.9c0.4,0,0.7,0.7,0.7,1.7s-0.3,1.9-0.7,1.9c-6.8,0-9.3-0.9-17.1-0.9s-10.5,0.9-17.2,0.9
+	c-0.4,0-0.8-0.9-0.8-1.9s0.4-1.7,0.8-1.7c9.9-1.5,10.6-4.2,10.6-10.9V50.8c0-6.5-0.7-9.2-10.6-10.7c-0.4-0.1-0.8-0.9-0.8-1.7
+	s0.4-1.9,0.8-1.9c6.7,0,10.2,0.7,18.2,0.7c6.1,0,9.8-0.6,16.4-0.6c15.5,0,24.2,6.8,24.2,17.3c0,7-6.1,12.8-14.7,16.1l13.8,20.7
+	c3.4,5.3,5.2,7.9,13.2,8.9c0.5,0.1,0.8,0.9,0.8,1.9S556,103.2,555.6,103.2z M516.4,41c-5.1,0-8.3,0.7-8.3,7.5v19.3
+	c1.9,0.2,3.8,0.3,5.7,0.3c11.5,0,15.5-4.2,15.5-14.2C529.3,45.9,526.1,41,516.4,41L516.4,41z"/>
+</svg>
diff --git a/src/images/logo-ibm-color.svg b/src/images/logo-ibm-color.svg
new file mode 100644
index 0000000..6d11358
--- /dev/null
+++ b/src/images/logo-ibm-color.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 243.5 98.3" style="enable-background:new 0 0 243.5 98.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1F70C1;}
+</style>
+<title>ibm-logo-white</title>
+<polygon class="st0" points="243.5,7 203,7 205.5,0 243.5,0 "/>
+<path class="st0" d="M135.5,0h37.6l2.5,7c0,0-40.1,0.1-40.1,0S135.4,0,135.5,0z"/>
+<path class="st0" d="M105.6,0c6,0.5,11.7,2.9,16.2,7H53.5V0H105.6z"/>
+<rect class="st0" width="47.4" height="7"/>
+<path class="st0" d="M23.7,3.5"/>
+<path class="st0" d="M243.5,20.1h-45.2l2.5-6.9h42.7V20.1z"/>
+<polygon class="st0" points="180.2,20.1 135.5,20.1 135.5,13.2 177.8,13.2 "/>
+<path class="st0" d="M127.1,13.2c0.9,2.3,1.9,4.2,1.9,6.9H53.5v-6.9C53.5,13.2,127.1,13.2,127.1,13.2z"/>
+<rect y="13.2" class="st0" width="47.4" height="7"/>
+<path class="st0" d="M23.7,16.7"/>
+<polygon class="st0" points="193.7,33.3 196.2,26.3 230.1,26.3 230.1,33.2 "/>
+<polygon class="st0" points="182.4,26.3 184.9,33.3 148.8,33.3 148.8,26.3 "/>
+<path class="st0" d="M129.6,26.3c0,2.4-0.3,4.7-1,7H108v-7H129.6z"/>
+<rect x="13.2" y="26.3" class="st0" width="20.4" height="7"/>
+<path class="st0" d="M23.4,29.8"/>
+<rect x="67.3" y="26.3" class="st0" width="20.3" height="7"/>
+<path class="st0" d="M77.4,29.8"/>
+<path class="st0" d="M168.8,40.8v5.3h-20v-6.9H187l2.3,6.5c0.1,0,2.3-6.5,2.3-6.5h38.5v6.9h-19.9v-5.3l-1.9,5.3h-37.6L168.8,40.8z"
+	/>
+<path class="st0" d="M67.3,39.2h58.3c-1.5,2.6-3.5,5-5.8,6.9H67.2L67.3,39.2z"/>
+<rect x="13.2" y="39.1" class="st0" width="20.4" height="7"/>
+<path class="st0" d="M23.4,42.7"/>
+<rect x="210.2" y="52.3" class="st0" width="19.9" height="7"/>
+<path class="st0" d="M220.1,55.8"/>
+<path class="st0" d="M168.8,52.3h-20v7h20C168.8,59.3,168.9,52.3,168.8,52.3z"/>
+<path class="st0" d="M206.2,52.3c-0.1,0-2.4,7-2.5,7h-28.4l-2.5-7H206.2z"/>
+<path class="st0" d="M67.2,52.3h52.5c2.4,2,4.5,4.4,6.3,7H67.2V52.3z"/>
+<path class="st0" d="M33.6,59.3v-7H13.2v7H33.6z"/>
+<rect x="210.2" y="65.4" class="st0" width="19.9" height="7"/>
+<path class="st0" d="M220.1,68.9"/>
+<rect x="148.8" y="65.4" class="st0" width="20" height="6.9"/>
+<path class="st0" d="M158.8,68.9"/>
+<path class="st0" d="M199.1,72.4c0,0,2.4-7,2.5-7h-24.2l2.5,7H199.1z"/>
+<path class="st0" d="M67.2,72.4v-7h20.7v7H67.2z"/>
+<path class="st0" d="M128.9,65.4c1,2.1,1.1,4.6,1.3,7h-21.9v-7H128.9z"/>
+<rect x="13.2" y="65.4" class="st0" width="20.3" height="6.9"/>
+<path class="st0" d="M23.4,68.9"/>
+<rect x="210.2" y="78.2" class="st0" width="33.3" height="7"/>
+<path class="st0" d="M226.9,81.7"/>
+<rect x="135.5" y="78.2" class="st0" width="33.4" height="7"/>
+<path class="st0" d="M152.1,81.7"/>
+<polygon class="st0" points="194.6,85.2 184.4,85.2 182,78.2 196.9,78.2 "/>
+<path class="st0" d="M0,78.3v6.9h47.3c0.1,0,0-6.9,0-6.9H0z"/>
+<path class="st0" d="M129.3,78.3c-0.5,2.3-0.9,5.1-2.6,6.9H53.5v-6.9H129.3z"/>
+<polygon class="st0" points="190,98.3 189,98.3 186.7,91.3 192.4,91.3 "/>
+<rect x="210.2" y="91.3" class="st0" width="33.3" height="7"/>
+<path class="st0" d="M226.9,94.9"/>
+<path class="st0" d="M53.5,98.4v-7h68.7c-4.8,4.5-11.1,7-17.7,7H53.5"/>
+<rect x="135.5" y="91.3" class="st0" width="33.4" height="7"/>
+<path class="st0" d="M152.1,94.9"/>
+<path class="st0" d="M47.3,91.4v7H0v-7H47.3z"/>
+</svg>
diff --git a/src/images/logo-kinnarps-color.svg b/src/images/logo-kinnarps-color.svg
new file mode 100644
index 0000000..a5d3e13
--- /dev/null
+++ b/src/images/logo-kinnarps-color.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 560.6 185.2" style="enable-background:new 0 0 560.6 185.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#004684;}
+</style>
+<title>kinnarps-logo</title>
+<path class="st0" d="M560.6,134.2l-3.9-6.9H484c0,0-33.4-39.9-33.4-40.3l-11.8,12.8c0-5.6-3.9-14.7-12.8-14.7s-14.1,8.4-19.5,15.7
+	V88l-21.7,2.9c0,7-3.3,13.8-5.9,13.8c-6.2,0,0.2-17.7-5.9-17.7s-13.6,11-19.7,16.7V86l-20.6,4.9v37.4l-6.9,6.8
+	c-2.1,0-4.6,0.5-5.9-1.9V90l-20.6-4l-1,4c-2.7-3.4-4-5.6-10.1-5.6c-16.8,0-17.9,13.6-17.9,24.8v20.4c-1.5,2.7-5.4,7.5-8.2,7.5
+	c-1,0-2.4-2.1-2.6-3.2v-40c0,0-3.5-7.7-9.5-7.7s-13.9,8.9-20.5,14.6V87l-21.6,3.9v36.4l-6.8,7.8c-1.3,1.2-3.4,1-4.5-0.3
+	c-0.1-0.2-0.3-0.4-0.4-0.6V93.9c0,0-2-7.3-8.9-7.3s-14,9.3-20.4,14.2V87l-20.8,3.9v36.4l-7.9,7.8c-1.7,0.7-3.2-0.1-3.9-1.9V88
+	l-20.7,2.9v37.4l-7.8,7.8C93,121.9,94,98.5,73.4,90.9c24.5-25.5,49.1-50.8,70.7-77.6h-29.5C99.9,35.9,82,57.2,63.5,78.2
+	c1.5-22.4,8.9-44.7,8.9-68.8c-2.5-6.8-7.9-12.2-18.7-7.8C38.3,12.1,21.1,26.3,11.5,42.8C6.8,51.5-8.7,75.2,6.6,75.2
+	c10.5,0,25.5-12.2,25.5-22.6c0-4.6-7.8-3.9-7.8-3.9c6.3-13.3,18.4-26,30.4-35.4l1,1c-7.6,27.7-12,57-22.6,83.5
+	c-11.8,6.4-26,15-28.5,29.5c1,4.9,5.2,8.3,10.8,6.9c3.4,0,5.9-5,8.9-3c-3.5,10.3-7.1,20.7-9.9,31.4l20.7,12.8
+	c7.1-21.1,12.7-43.2,18.6-64.8c-0.2-3.7,4-5.2,6.9-5.9c13.1,13.9,13.5,35.1,29.5,46.2c10.6,5.6,17.5-5.4,23.5-10.8
+	c0,0,4.9,11.8,8.9,11.8c14.2,0,18.4-5.8,23.6-12.8v12.8h20.8v-38.4c2.6-3,3.2-7.8,7.6-7.8c0.9,0,0.8,2.4,1,3.7v29.3
+	c0,5.4,5.7,13.2,11.5,13.2c11.2,0,11.5-4.6,21-12.8v12.8h21.7v-38.4c2.6-3.3,2.9-7.8,7.3-7.8c0.6,1.3,1.1,2.6,1.3,4v27.8
+	c0.8,6,3.1,11.2,10,14.4c10.3,2.9,16-7.4,22.9-12.8c0,3.9,6.3,13.3,11.7,13.3s10.9-5,15.5-11.4c3.7,5.5,10.1,11.4,18.7,10.9
+	c6.2-2.5,10.6-7.4,15.7-11.8v11.8h20.6v-37.4l3-2.9c3.7-5.3,8.3,0.2,11.8,1.9c5.8,2.5,13.7,0.5,16.2-5.9v77.6h22.7v-35.6
+	c0,0,4.3,1.7,6.4,1.7c10,0,27.3-30.4,27.3-43.7c-0.3,0,15.8,18.7,15.8,18.7c-4.1,2.6-18.9-4.2-17.7,6.9c0.7,2.8,33.6,18.5,37.3,18.7
+	c5.4,0,10.4-3.1,12.8-7.9c1.4-2.5,1.2-7.5-0.3-10c22.1,0,49.9,0.3,72,0.2L560.6,134.2z M19.3,123.4h-3.9c2.5-5.2,7.9-11.6,13.8-12.8
+	C29.5,117.2,23.8,119.4,19.3,123.4L19.3,123.4z M298.4,129.2c0,2.1-2.1,5-3.9,5h-2.9c-1.6-1.6-2.4-24.5-1-35.4
+	c2.9-5.7,5.9,1,7.8,2.9V129.2L298.4,129.2z M407,112.9c1.1-2,4.1-6.2,7.2-6.2c0.9,0,1.5,2,1.8,3.9c0,3.6,0.2,9.4,0.2,13.7l-9.2,9.9
+	V112.9z M412.3,142h-1l4.9-6.9C417.7,138.6,414,140.7,412.3,142z M454.5,135.1h7.9l6.8,8.9L454.5,135.1L454.5,135.1z"/>
+<path class="st0" d="M476.8,83.8c1.4,1.4,2.1,3.3,2.1,5.2c0,2-0.7,3.9-2.1,5.3s-3.3,2.1-5.2,2.1c-2,0.1-3.8-0.7-5.2-2.1
+	c-1.4-1.4-2.2-3.3-2.2-5.3c0-4.1,3.4-7.4,7.5-7.3C473.6,81.7,475.4,82.4,476.8,83.8L476.8,83.8z M477.6,83c-3.3-3.3-8.7-3.3-12,0
+	c-1.6,1.6-2.6,3.7-2.5,6c0,2.3,0.8,4.5,2.4,6.1s3.8,2.6,6.1,2.5c2.3,0.1,4.5-0.8,6-2.5c1.7-1.6,2.6-3.8,2.6-6.1
+	C480.2,86.7,479.3,84.5,477.6,83z M472.9,88.6c-0.5,0.2-1.1,0.3-1.6,0.2h-1.5v-3.4h1.4c0.7-0.1,1.4,0.1,2,0.4
+	c0.7,0.6,0.8,1.7,0.2,2.4C473.3,88.4,473.1,88.5,472.9,88.6L472.9,88.6z M468.1,93.7h1.7V90h1.3c0.6-0.1,1.2,0,1.8,0.3
+	c0.6,0.3,0.9,1,0.9,2.1v1.1h1.5c0-0.2-0.1-0.3-0.1-0.5v-1.4c0-0.5-0.2-1.1-0.5-1.5c-0.4-0.5-1-0.8-1.6-0.9c0.5-0.1,0.9-0.2,1.3-0.4
+	c0.6-0.4,0.9-1.2,0.9-1.9c0.1-1-0.4-2-1.4-2.4c-0.8-0.2-1.7-0.3-2.6-0.3H468L468.1,93.7L468.1,93.7z"/>
+<polygon class="st0" points="140.9,64.5 133.2,64.5 138.6,59.1 133.3,53.7 127.9,59.1 127.9,51.5 120.2,51.5 120.2,59.1 114.9,53.7 
+	109.5,59.1 114.9,64.5 107.2,64.5 107.2,72.1 114.9,72.1 109.5,77.5 114.9,82.9 120.2,77.5 120.2,85.1 127.9,85.1 127.9,77.5 
+	133.3,82.9 138.6,77.5 133.2,72.1 140.9,72.1 "/>
+</svg>
diff --git a/src/images/logo-kinnarps.svg b/src/images/logo-kinnarps.svg
index 0d03fbe..23c23de 100644
--- a/src/images/logo-kinnarps.svg
+++ b/src/images/logo-kinnarps.svg
@@ -23,16 +23,16 @@
 	c0,0,4.3,1.7,6.4,1.7c10,0,27.3-30.4,27.3-43.7c-0.3,0,15.8,18.7,15.8,18.7c-4.1,2.6-18.9-4.2-17.7,6.9c0.7,2.8,33.6,18.5,37.3,18.7
 	c5.4,0,10.4-3.1,12.8-7.9c1.4-2.5,1.2-7.5-0.3-10c22.1,0,49.9,0.3,72,0.2L560.6,134.2z M19.3,123.4h-3.9c2.5-5.2,7.9-11.6,13.8-12.8
 	C29.5,117.2,23.8,119.4,19.3,123.4L19.3,123.4z M298.4,129.2c0,2.1-2.1,5-3.9,5h-2.9c-1.6-1.6-2.4-24.5-1-35.4
-	c2.9-5.7,5.9,1,7.8,2.9L298.4,129.2L298.4,129.2z M407,112.9c1.1-2,4.1-6.2,7.2-6.2c0.9,0,1.5,2,1.8,3.9c0,3.6,0.2,9.4,0.2,13.7
-	l-9.2,9.9V112.9z M412.3,142h-1l4.9-6.9C417.7,138.6,414,140.7,412.3,142z M454.5,135.1h7.9l6.8,8.9L454.5,135.1L454.5,135.1z"/>
-<path class="st0" d="M476.8,83.8c1.4,1.4,2.1,3.3,2.1,5.2c0,2-0.7,3.9-2.1,5.3c-1.4,1.4-3.3,2.1-5.2,2.1c-2,0.1-3.8-0.7-5.2-2.1
+	c2.9-5.7,5.9,1,7.8,2.9V129.2L298.4,129.2z M407,112.9c1.1-2,4.1-6.2,7.2-6.2c0.9,0,1.5,2,1.8,3.9c0,3.6,0.2,9.4,0.2,13.7l-9.2,9.9
+	V112.9z M412.3,142h-1l4.9-6.9C417.7,138.6,414,140.7,412.3,142z M454.5,135.1h7.9l6.8,8.9L454.5,135.1L454.5,135.1z"/>
+<path class="st0" d="M476.8,83.8c1.4,1.4,2.1,3.3,2.1,5.2c0,2-0.7,3.9-2.1,5.3s-3.3,2.1-5.2,2.1c-2,0.1-3.8-0.7-5.2-2.1
 	c-1.4-1.4-2.2-3.3-2.2-5.3c0-4.1,3.4-7.4,7.5-7.3C473.6,81.7,475.4,82.4,476.8,83.8L476.8,83.8z M477.6,83c-3.3-3.3-8.7-3.3-12,0
-	c-1.6,1.6-2.6,3.7-2.5,6c0,2.3,0.8,4.5,2.4,6.1c1.6,1.6,3.8,2.6,6.1,2.5c2.3,0.1,4.5-0.8,6-2.5c1.7-1.6,2.6-3.8,2.6-6.1
+	c-1.6,1.6-2.6,3.7-2.5,6c0,2.3,0.8,4.5,2.4,6.1s3.8,2.6,6.1,2.5c2.3,0.1,4.5-0.8,6-2.5c1.7-1.6,2.6-3.8,2.6-6.1
 	C480.2,86.7,479.3,84.5,477.6,83z M472.9,88.6c-0.5,0.2-1.1,0.3-1.6,0.2h-1.5v-3.4h1.4c0.7-0.1,1.4,0.1,2,0.4
 	c0.7,0.6,0.8,1.7,0.2,2.4C473.3,88.4,473.1,88.5,472.9,88.6L472.9,88.6z M468.1,93.7h1.7V90h1.3c0.6-0.1,1.2,0,1.8,0.3
 	c0.6,0.3,0.9,1,0.9,2.1v1.1h1.5c0-0.2-0.1-0.3-0.1-0.5v-1.4c0-0.5-0.2-1.1-0.5-1.5c-0.4-0.5-1-0.8-1.6-0.9c0.5-0.1,0.9-0.2,1.3-0.4
 	c0.6-0.4,0.9-1.2,0.9-1.9c0.1-1-0.4-2-1.4-2.4c-0.8-0.2-1.7-0.3-2.6-0.3H468L468.1,93.7L468.1,93.7z"/>
 <polygon class="st0" points="140.9,64.5 133.2,64.5 138.6,59.1 133.3,53.7 127.9,59.1 127.9,51.5 120.2,51.5 120.2,59.1 114.9,53.7 
 	109.5,59.1 114.9,64.5 107.2,64.5 107.2,72.1 114.9,72.1 109.5,77.5 114.9,82.9 120.2,77.5 120.2,85.1 127.9,85.1 127.9,77.5 
-	133.3,82.9 138.6,77.5 133.2,72.1 140.9,72.1 140.9,64.5 "/>
+	133.3,82.9 138.6,77.5 133.2,72.1 140.9,72.1 "/>
 </svg>
diff --git a/src/images/logo-ricoh-color.svg b/src/images/logo-ricoh-color.svg
new file mode 100644
index 0000000..e8c747a
--- /dev/null
+++ b/src/images/logo-ricoh-color.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 579.2 104.5" style="enable-background:new 0 0 579.2 104.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#DB1E48;}
+</style>
+<title>ricoh-logo-white</title>
+<path class="st0" d="M225.3,52.2c0,20.4,15.1,35.5,40.3,35.5c10.7,0,20.7-1.7,31.1-6.6l9.4,12.9c-13,6.9-25.6,10.5-44.9,10.5
+	c-40.2,0-69.8-19.4-69.8-52.2l0,0c0-32.8,29.6-52.2,69.8-52.2c19.3,0,30.4,2.8,44,8.6l-9.7,14.8c-10.3-5.4-19.2-6.5-29.9-6.5
+	C240.4,17,225.3,32,225.3,52.2"/>
+<path class="st0" d="M378.8,0c-39,0-67,19.4-67,52.2s28,52.3,67,52.3s67-19.4,67-52.3S417.7,0,378.8,0z M378.8,88.2
+	c-21.4,0-33.3-16-33.3-36s11.9-36,33.3-36s33.2,16.1,33.2,36S400.2,88.2,378.8,88.2z"/>
+<polygon class="st0" points="547.1,59.8 547.1,101.9 579.2,101.9 579.2,2.6 547.1,2.6 547.1,40.5 497.9,40.5 497.9,2.6 465.8,2.6 
+	465.8,101.9 497.9,101.9 497.9,59.8 "/>
+<rect x="138.2" y="2.6" class="st0" width="33.9" height="99.3"/>
+<path class="st0" d="M41,48v9.5c16.4,12.9,31.2,27.8,44,44.4h38c-13.2-15.5-33.5-34-48.4-43.2c17.5-0.8,37-7.8,37-27.9
+	C111.6,5,84.1,0.3,56.2,0.3c-22.7,0-43.7,1-56.2,2.1v99.5h31.6V17.3c8.2-0.9,16.5-1.4,24.8-1.3c16.3,0,24.5,5.4,24.5,14.8
+	S77.5,48.4,41,48z"/>
+</svg>
diff --git a/src/images/logo-ricoh.svg b/src/images/logo-ricoh.svg
index 290a111..259ad73 100644
--- a/src/images/logo-ricoh.svg
+++ b/src/images/logo-ricoh.svg
@@ -8,9 +8,9 @@
 <title>ricoh-logo-white</title>
 <path class="st0" d="M225.3,52.2c0,20.4,15.1,35.5,40.3,35.5c10.7,0,20.7-1.7,31.1-6.6l9.4,12.9c-13,6.9-25.6,10.5-44.9,10.5
 	c-40.2,0-69.8-19.4-69.8-52.2l0,0c0-32.8,29.6-52.2,69.8-52.2c19.3,0,30.4,2.8,44,8.6l-9.7,14.8c-10.3-5.4-19.2-6.5-29.9-6.5
-	c-25.2,0-40.3,15-40.3,35.3"/>
+	C240.4,17,225.3,32,225.3,52.2"/>
 <path class="st0" d="M378.8,0c-39,0-67,19.4-67,52.2s28,52.3,67,52.3s67-19.4,67-52.3S417.7,0,378.8,0z M378.8,88.2
-	c-21.4,0-33.3-16-33.3-36s11.9-36,33.3-36s33.2,16.1,33.2,36C412,72.1,400.2,88.2,378.8,88.2z"/>
+	c-21.4,0-33.3-16-33.3-36s11.9-36,33.3-36s33.2,16.1,33.2,36S400.2,88.2,378.8,88.2z"/>
 <polygon class="st0" points="547.1,59.8 547.1,101.9 579.2,101.9 579.2,2.6 547.1,2.6 547.1,40.5 497.9,40.5 497.9,2.6 465.8,2.6 
 	465.8,101.9 497.9,101.9 497.9,59.8 "/>
 <rect x="138.2" y="2.6" class="st0" width="33.9" height="99.3"/>
diff --git a/src/pages/index.js b/src/pages/index.js
index f1e36af..ac4f43f 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -10,10 +10,10 @@ import ImgIntro from '../images/software-consulting.svg'
 import ImgDesign from '../images/ux-ui-design-agency.svg'
 import ImgFullstack from '../images/fullstack-web-development-agency.svg'
 import ImgMobile from '../images/mobile-development-agency.svg'
-import LogoIBM from '../images/logo-ibm.svg'
-import LogoRicoh from '../images/logo-ricoh.svg'
-import LogoKinnarps from '../images/logo-kinnarps.svg'
-import LogoCoor from '../images/logo-coor.svg'
+import LogoIBM from '../images/logo-ibm-color.svg'
+import LogoRicoh from '../images/logo-ricoh-color.svg'
+import LogoKinnarps from '../images/logo-kinnarps-color.svg'
+import LogoCoor from '../images/logo-coor-color.svg'
 
 const IndexPage = () => (
   <main>
@@ -112,12 +112,24 @@ const IndexPage = () => (
         text="We think big, design smart and develop fast for all projects and teams. Currently we’re serving everything from global leaders to startups and we tailor our processes based on your scale and needs. We have helped some of the worlds leading enterprises and businesses bring ideas to life and we’re really interested in hearing what we can help you with"
       />
       <div className="p-4 lg:flex items-center max-w-full  justify-center">
-        <img src={LogoIBM} className="client-logo p-1" alt="IBM Logo" />
-        <img src={LogoRicoh} className="client-logo p-1" alt="Ricoh Logo" />
-        <img src={LogoCoor} className="client-logo p-1" alt="Coor Logo" />
+        <img
+          src={LogoIBM}
+          className="opacity-50 hover:opacity-100 client-logo p-1"
+          alt="IBM Logo"
+        />
+        <img
+          src={LogoRicoh}
+          className="opacity-50 hover:opacity-100 client-logo p-1"
+          alt="Ricoh Logo"
+        />
+        <img
+          src={LogoCoor}
+          className="opacity-50 hover:opacity-100 client-logo p-1"
+          alt="Coor Logo"
+        />
         <img
           src={LogoKinnarps}
-          className="client-logo p-1"
+          className="opacity-50 hover:opacity-100 client-logo p-1"
           alt="Kinnarps Logo"
         />
       </div>