diff --git a/src/components/Card.js b/src/components/Card.js
index 3532f82..1c4eb22 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -5,23 +5,23 @@ import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png'
 
 const Card = ({ ...props }) => (
   <article className="h-full w-full rounded overflow-hidden shadow bg-white border-bottom-saburly hover:shadow-md">
-    <Link
-      to={props.url}
-      className="pointer no-underline saburly-transition hover:opacity-50"
-    >
-      {props.image ? (
-        <img className="w-full" src={props.image.src} />
-      ) : (
-        <img className="w-full" src={ImgSprint} alt="Sprint Work" />
-      )}
-      <div className="px-6 py-4">
-        <h3 className="text-black font-bold text-3xl mb-2">{props.title}</h3>
-        <p
-          className="text-black-light text-base"
-          dangerouslySetInnerHTML={{ __html: props.excerpt }}
-        />
+    <div className="relative hover:opacity-50">
+      {props.image && <img className="w-full" src={props.image.src} />}
+      {props.teamMember && <img className="w-full" src={props.teamMember} />}
+      <div
+        className={`px-6 py-4 ${
+          props.team ? 'absolute pin-b' : ''
+        } text-center w-full bg-white-opacity`}
+      >
+        <h3 className="text-black text-center text-xl">{props.title}</h3>
+        {props.subtitle && (
+          <span className="text-sm font-medium text-black pt-1 opacity-70">
+            {props.subtitle}
+          </span>
+        )}
       </div>
-    </Link>
+    </div>
+    {props.team && <div className="px-6 py-4">{props.children}</div>}
   </article>
 )
 
diff --git a/src/components/Header.js b/src/components/Header.js
index ff76faf..07aa18b 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,6 +1,5 @@
 import React, { Component } from 'react'
 import Link, { withPrefix } from 'gatsby-link'
-import LogoSaburly from '../images/saburly-logo-4.svg'
 import LogoSaburlyWhite from '../images/logo-saburly-white.svg'
 import Button from './Button'
 
@@ -15,7 +14,7 @@ class Header extends Component {
   render() {
     return (
       <Headroom>
-        <header className="saburly-main-bg saburly-menu">
+        <header className="saburly-menu">
           <nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
             <Link to="/">
               <div className="max-w-xs mr-8">
diff --git a/src/components/SectionIntro.js b/src/components/SectionIntro.js
index 20f7906..a37b910 100644
--- a/src/components/SectionIntro.js
+++ b/src/components/SectionIntro.js
@@ -28,8 +28,7 @@ const IntroDefault = ({ ...props }) => (
       <p
         className={`${props.light ? headlineDark : ''} ${
           props.header ? 'saburly-text-intro' : 'text-black-light'
-        }  
-    font-light text-lg leading-normal`}
+        } font-light text-lg leading-normal ${props.textClasses}`}
       >
         {props.text}
       </p>
diff --git a/src/components/SideMenu.js b/src/components/SideMenu.js
index 0ca6d2d..9b2cf26 100644
--- a/src/components/SideMenu.js
+++ b/src/components/SideMenu.js
@@ -1,6 +1,11 @@
 import React, { Component } from 'react'
 import Link from 'gatsby-link'
 
+import Facebook from '../images/facebook.svg'
+import Instagram from '../images/instagram.svg'
+import Twitter from '../images/twitter.svg'
+import LinkedIn from '../images/linkedin.svg'
+
 import './SideMenu.css'
 class SideMenu extends Component {
   componentDidMount() {
@@ -79,6 +84,44 @@ class SideMenu extends Component {
             </li>
           </Link>
         </ul>
+        <div className="absolute pin-b flex social-icons p-8 items-end">
+          <div>
+            <a href="https://facebook.com/saburly" target="_blank">
+              <img
+                src={Facebook}
+                alt="Facebook Social Media"
+                className="w-full p-2 saburly-transition opacity-80 hover:opacity-100"
+              />
+            </a>
+          </div>
+          <div>
+            <a href="https://instagram.com/saburly" target="_blank">
+              <img
+                src={Instagram}
+                alt="Instagram Social Media"
+                className="w-full p-2 saburly-transition opacity-80 hover:opacity-100"
+              />
+            </a>
+          </div>
+          <div>
+            <a href="https://twitter.com/saburly" target="_blank">
+              <img
+                src={Twitter}
+                alt="Twitter Social Media"
+                className="w-full p-2 saburly-transition opacity-80 hover:opacity-100"
+              />
+            </a>
+          </div>
+          <div>
+            <a href="https://www.linkedin.com/company/saburly/" target="_blank">
+              <img
+                src={LinkedIn}
+                alt="LinkedIn Social Media"
+                className="w-full p-2 saburly-transition opacity-80 hover:opacity-100"
+              />
+            </a>
+          </div>
+        </div>
       </div>
     )
   }
diff --git a/src/images/ceo-moris.jpg b/src/images/ceo-moris.jpg
new file mode 100644
index 0000000..7df8358
Binary files /dev/null and b/src/images/ceo-moris.jpg differ
diff --git a/src/images/coo-edin.jpg b/src/images/coo-edin.jpg
new file mode 100644
index 0000000..e54a484
Binary files /dev/null and b/src/images/coo-edin.jpg differ
diff --git a/src/images/cto-senad.jpg b/src/images/cto-senad.jpg
new file mode 100644
index 0000000..4330746
Binary files /dev/null and b/src/images/cto-senad.jpg differ
diff --git a/src/images/developer-almira.jpg b/src/images/developer-almira.jpg
new file mode 100644
index 0000000..e3c33e5
Binary files /dev/null and b/src/images/developer-almira.jpg differ
diff --git a/src/images/developer-bilal.jpg b/src/images/developer-bilal.jpg
new file mode 100644
index 0000000..fcfc4ab
Binary files /dev/null and b/src/images/developer-bilal.jpg differ
diff --git a/src/images/developer-mediha.jpg b/src/images/developer-mediha.jpg
new file mode 100644
index 0000000..fc95055
Binary files /dev/null and b/src/images/developer-mediha.jpg differ
diff --git a/src/images/developer-mickey.svg b/src/images/developer-mickey.svg
new file mode 100644
index 0000000..b0c949d
--- /dev/null
+++ b/src/images/developer-mickey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 906"><title>developer-mickey</title><rect width="700" height="906" style="fill:#5763ab"/><path d="M330.3,138c-87.1,8.9-121.4,16.8-150,99s29.8,251.6,74.3,288.9S418.1,539,445.2,507.7s43.2-108.4,43.2-153.2-6.9-56.6-17.1-108.3S417.3,129.1,330.3,138Z" style="fill:#5b67ae;stroke:#fff"/><path d="M484,410.8c4,7.4,10.4,8.9,19.3,4.4,13.3-6.7,26.4-50.1,26.4-62s8.2-52.2-5-57-24.8,6-27.9,13C494.7,313.9,490.5,347.8,484,410.8Z" style="fill:#5b67ae"/><path d="M212.2,443.2c-9.2,3.1-18.7-2.4-28.5-16.4-14.8-21.1-15.4-41.6-17.6-50.8s-16.6-27.3-8.3-31.9,20.9,8.7,20.9,20.3Q178.7,376,212.2,443.2Z" style="fill:#5b67ae"/><path d="M313,404.6c3.1-3.4,6-4.6,9-3.4,4.5,1.7,15.7,12.1,21.3,12.1s4.2-14.3,11.2-14.3,5,12.1,12.9,7.1,13.8-19,5.6-23.6-13.5-4-13.5-9.1,2.5-15.1,0-18.4S345,339.6,345,328.2s-6-12.3,4.3-21.1,11.1-12.6,28.8-15.7q17.7-3.1,53.3,5.7" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px"/><path d="M304.3,313.6q-11.6-22.7-35.9-17.7t-51.8,21" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px"/><path d="M238.5,347.6C250,335.9,259.2,330,266,330s18.1,1.9,33.9,5.6" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px"/><ellipse cx="271.4" cy="338.8" rx="11" ry="8.8" style="fill:#fff;stroke:#fff"/><path d="M361.3,330c9.2-11.6,18.7-17.5,28.5-17.5s22.2,5,37.2,15.1" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px"/><ellipse cx="394.1" cy="321.3" rx="11" ry="8.8" style="fill:#fff;stroke:#fff"/><path d="M400.7,439.6c-1.5,8.3-7.9,13.5-19.1,15.4-16.8,3-34.3,3-43.5,3s-28.8,3.5-33.8,3.5" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px"/><path d="M475.7,350.7q10.8-42.1,0-54.7c-10.7-12.5-30.3-27.3-30.3-52s.5-56.2-14.5-62.4-13.7-12.6-51-6.3-47.2,17.2-66.6,17.2-38.2-13-46.2-6.5-21.7-8.9-36.3-4.4-44.9,40.5-44.9,69c0,19,6.2,26.5,18.7,22.6q-33,42.4-23.3,77.5c6.6,23.3,9.8,36.9,9.8,40.7l-27.3-48.9V315.3c0-19.3-10.7-45.2-10.7-60.5q0-15.3-6.6-10.8,4.2-48.1,21.8-68.7c17.6-20.5,18.4-50.3,46.8-63.1s74.5-32,125.2-32,119.8,39.2,124.3,56.3c3,11.3,8.6,20.3,16.9,26.9q24.3,89.1,24.3,101.7c0,12.7,1.5,28.9-7,39.6-5.6,7-11.4,25.6-17.3,55.6Z" style="fill:none;stroke:#4ebcbe;stroke-width:3px"/><path d="M510.3,597.4q93.7-6.4,109.6-3.4" style="fill:none;stroke:#5b67ae"/><path d="M484,641.3q113.1-8.8,131.5-8.8" style="fill:none;stroke:#5b67ae"/><path d="M199.1,604H98.3" style="fill:none;stroke:#5b67ae"/><path d="M225.4,647.8H102.7" style="fill:none;stroke:#5b67ae"/><path d="M269.2,702.6l13.2-96.4" style="fill:none;stroke:#5b67ae"/><path d="M229.8,654.4l8.7-65.7" style="fill:none;stroke:#5b67ae"/><path d="M199.1,597.4l8.8-43.8" style="fill:none;stroke:#5b67ae"/><path d="M431.4,702.6l-13.2-96.4" style="fill:none;stroke:#5b67ae"/><path d="M479.6,641.3l-13.1-57" style="fill:none;stroke:#5b67ae"/><path d="M510.3,597.4l-8.8-48.2" style="fill:none;stroke:#5b67ae"/><path d="M523.4,544.8Q406.7,689.6,400.7,689.5" style="fill:none;stroke:#4ebcbe"/><path d="M172.8,540.4q123,144.8,131.5,144.7" style="fill:none;stroke:#4ebcbe"/><path d="M142.1,571.1q51.5,114.1,48,149" style="fill:none;stroke:#4ebcbe"/><path d="M562.9,566.7q-42.4,143.5-33.5,166.6" style="fill:none;stroke:#4ebcbe"/><path d="M511.8,525.9q30.7-65.8,15.1,42.2l-114,174L370,614.1Q481,591.8,511.8,525.9Z" style="fill:none;stroke:#4ebcbe;stroke-width:4px"/><polyline points="321.8 645.6 349.6 807.8 387.6 667.4" style="fill:none;stroke:#4ebcbe;stroke-width:4px"/><path d="M188.8,525.9q-30.7-65.8-15.1,42.2l114,174,42.9-128Q219.6,591.8,188.8,525.9Z" style="fill:none;stroke:#4ebcbe;stroke-width:4px"/><path d="M532.2,566.7h83.3" style="fill:none;stroke:#4ebcbe;stroke-width:4px"/><path d="M89.5,566.7h83.3" style="fill:none;stroke:#4ebcbe;stroke-width:4px"/></svg>
\ No newline at end of file
diff --git a/src/images/developer-mirna.jpg b/src/images/developer-mirna.jpg
new file mode 100644
index 0000000..6f77dff
Binary files /dev/null and b/src/images/developer-mirna.jpg differ
diff --git a/src/images/developer-nedim.svg b/src/images/developer-nedim.svg
new file mode 100644
index 0000000..8fc9155
--- /dev/null
+++ b/src/images/developer-nedim.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 906"><title>developer-nedim</title><rect width="700" height="906" style="fill:#5763ab"/><path d="M351.5,529.3c49,0,99.2-9,132.1-51.1,25.9-33.2,27.9-76.7,34.1-111.8,2.2-12.6,16.4-1.5,16.4-20,0-12.3-2.9-52.5-4.2-64.9-.6-5.2-11.4,17.4-12.2,12.2-18-119.5-94.8-233.1-195-233.1-58.6,0-109.5,45.8-133.7,108.6-17.6,45.6,0,99,0,156.5,0,6.1-22-12.5-22.1-6.9,0,17,3.3,50.8,12.9,70.2,4.6,9.1,17.9,8.2,19.1,13.7,10.6,47.5,6.2,59,36.1,86.1S313.7,529.3,351.5,529.3Z" style="fill:#5b67ae"/><ellipse cx="398.3" cy="257.9" rx="11.3" ry="6.8" style="fill:#fff"/><path d="M288.9,408.4q55.5-10.3,59.5-6.9c3.9,3.4,4.8,3.7,8.9,0s53.2-2.6,59,0" style="fill:none;stroke:#fff;stroke-width:2px"/><path d="M354.7,269.4c17.9,41.5,29.2,64.3,34.1,68.4,7.3,6.1-5.8,11.8-10.9,11.8s-14.8-9-14.8,0-21.8,10.7-21.8,5.4-.1-10.3-8.3-10.3-9.5,15.6-18.6,10.3-13-5.4-13-17.2c17-26,20.7-63.4,24.1-72.1" style="fill:none;stroke:#fff;stroke-width:2px"/><path d="M368.9,266.1c9.9-9.7,19.8-14.6,29.6-14.6,14.7,0,48.4,14.6,53.9,14.6" style="fill:none;stroke:#fff;stroke-width:2px"/><ellipse cx="275.9" cy="267" rx="11.3" ry="6.8" style="fill:#fff"/><path d="M307.3,275.2q-15-14.7-29.7-14.7c-14.6,0-48.4,14.7-53.9,14.7" style="fill:none;stroke:#fff;stroke-width:2px"/><path d="M369.8,235.1c23.8-6.7,40.3-10.1,49.5-10.1s22.2,6.4,38.8,19.2" style="fill:none;stroke:#fff;stroke-width:2px"/><path d="M298.6,244.4c-30.7-10-52.7-10-65.8,0s-16.9,13.7-11.4,10.9" style="fill:none;stroke:#fff;stroke-width:2px"/><path d="M519.2,285c9.2-114.8-22.6-171.6-54.1-206S317.6,33.5,302.3,33.5s-59.7,11.8-120.6,79.9q-61,68.1,0,213.1c5.1,7.6,5.1-19.5,0-81.5S192.2,139.2,229,113.4l101,19.8,90.4-41.4q63.6,58.7,63.6,115C510.1,270.5,519.2,285,519.2,285Z" style="fill:none;stroke:#4ebcbe;stroke-width:3px"/><polyline points="202.7 436.5 62.5 436.5 261.1 603.3 327.2 817 416.9 586.2 620.4 451.2 500.8 451.2" style="fill:none;stroke:#4ebcbe;stroke-linejoin:round;stroke-width:4px"/></svg>
\ No newline at end of file
diff --git a/src/images/manager-emil.svg b/src/images/manager-emil.svg
new file mode 100644
index 0000000..dff94f5
--- /dev/null
+++ b/src/images/manager-emil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 906"><title>manager-emil</title><rect width="700" height="906" style="fill:#5763ab"/><ellipse cx="340.6" cy="459.9" rx="249.2" ry="304.6" style="fill:#5b67ae"/><path d="M580.9,395.1Q547.6,213.3,469.7,213.3c-78,0-179-33.2-204.4,11.2s-34.4,63.9-34.4,94.3-35.7,40.5-51.8,48.5q-16,8.1-16,100.6H130.4c.2-26.2-9.6-39.3-29.6-39.3-29.9,0,0-47.1,0-96.4S73.4,230.9,118.9,182.4,183.6,77,249.2,66.6,414.3,33.5,426.6,33.5,489,47.2,517.3,66.6s92.6,97.1,92.6,146.7Q609.9,263,580.9,395.1Z" style="fill:none;stroke:#4ebcbe;stroke-width:4px"/><path d="M375.2,559.1q-18.3,28.4,0,28.4c18.3,0,34.1,3.1,39.4,13.5s14.1,10.4,20.7,10.4,16.5-23.6,31.9-10.4q15.4,13.2,15.5-33.1" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px"/><path d="M327.4,633q53.3,12.8,64.9,21.5c11.8,8.9,24.1,8.9,32.8,8.9q8.7,0,55.8-8.9" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px"/><path d="M401.7,465q-22.9,66.5-51.9,76.1c-29,9.6-107,17.2-124-9.6q-17-26.8-16.9-103.7L89.1,437.1l112.1-39.3c16.5-11.2,43.9-13.9,82.1-8.4,57.4,8.4,92.3,15.9,109.5,15.9h55c22.8,0,49-8.2,78.1,0q29.1,8.3,63.9,16.7v33.9H578.9q-2.2,80.6-21.9,90.4c-19.6,9.9-82.9,19.7-96.1,9.9s-41.3-82-41.3-91.2-1.2-9.1-9.6-9.1C404.5,455.9,401.7,459,401.7,465Z" style="fill:#fcfbfb;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px"/><path d="M486.4,179.9q64.1-53.9,42.7-67.4c-14.2-9-20.5-23.4-18.7-43" style="fill:none;stroke:#4ebcbe;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px"/><path d="M411.3,169c31-17.2,41.4-32.9,31-46.9-15.5-21.2-39.1-45.6-15.5-57.3" style="fill:none;stroke:#4ebcbe;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px"/><path d="M338.8,169.5c14.6-45.2,14.6-67.9,0-67.9s-14.5-14.3,0-43" style="fill:none;stroke:#4ebcbe;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px"/></svg>
\ No newline at end of file
diff --git a/src/images/nina2.png b/src/images/nina2.png
new file mode 100644
index 0000000..8576884
Binary files /dev/null and b/src/images/nina2.png differ
diff --git a/src/images/saburly-logo-2.svg b/src/images/saburly-logo-2.svg
new file mode 100644
index 0000000..bc0f0e9
--- /dev/null
+++ b/src/images/saburly-logo-2.svg
@@ -0,0 +1,62 @@
+<?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 566 72" style="enable-background:new 0 0 566 72;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#845AF6;}
+</style>
+<title>Group</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-2">
+	<g id="Desktop-" transform="translate(-361.000000, -345.000000)">
+		<g id="Group" transform="translate(361.000000, 345.000000)">
+			<g id="saburly_final-_1_">
+				<g id="g26" transform="translate(283.000000, 36.000000) scale(1, -1) translate(-283.000000, -36.000000) ">
+					<path id="path34" class="st0" d="M24.1,29.4c-0.1,0-0.2,0-0.3,0l-0.2,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0
+						C13.1,29.7,4.9,38.1,4.9,48.3c0,10.1,8.2,18.6,18.3,18.8c0.1,0,0.2,0,0.3,0c0.1,0,0.1,0,0.2,0l0.2,0c0.1,0,0.1,0,0.2,0
+						c0.1,0,0.1,0,0.2,0h37h7.7l0,4.4H23.6c-0.1,0-0.3,0-0.4,0l-0.2,0C10.6,71.2,0.5,60.7,0.5,48.3S10.6,25.4,23,25.1l0.2,0
+						c0.1,0,0.3,0,0.4,0"/>
+					<path id="path38" class="st0" d="M23.6,24.7c-0.1,0-0.3,0-0.4,0l-0.2,0C10.5,25.1,0.2,35.6,0.2,48.3
+						c0,12.6,10.2,23.2,22.8,23.5l0.2,0c0.1,0,0.3,0,0.4,0h45.5l0-5H23.6c-0.1,0-0.1,0-0.2,0l-0.1,0c-0.1,0-0.2,0-0.2,0
+						c-9.9-0.3-18-8.6-18-18.5c0-10,8.1-18.3,18-18.5c0.1,0,0.2,0,0.2,0l0.1,0c0.1,0,0.1,0,0.2,0l0.2,0c0.1,0,0.2,0,0.3,0l0-0.6
+						c-0.1,0-0.2,0-0.3,0l-0.2,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0C12.9,29.4,4.6,38,4.6,48.3c0,10.3,8.3,18.9,18.5,19.1
+						c0.1,0,0.1,0,0.2,0l0.1,0c0.1,0,0.1,0,0.2,0l0.4,0l0.2,0h44.3l0,3.8H23.6c-0.1,0-0.3,0-0.4,0l-0.2,0
+						C10.8,70.9,0.8,60.6,0.8,48.3c0-12.3,10-22.6,22.2-22.9l0.2,0c0.1,0,0.3,0,0.4,0V24.7z"/>
+					<path id="path42" class="st0" d="M45.2,42.8c0.1,0,0.2,0,0.3,0l0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3,0
+						c10.1-0.3,18.3-8.7,18.3-18.8c0-10.1-8.2-18.6-18.3-18.8c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0l-0.2,0c-0.1,0-0.1,0-0.2,0
+						s-0.1,0-0.2,0h-37H0.5l0-4.4h45.2c0.1,0,0.3,0,0.4,0l0.2,0c12.4,0.3,22.5,10.7,22.5,23.2S58.7,46.8,46.3,47.1l-0.2,0
+						c-0.1,0-0.3,0-0.4,0"/>
+					<polygon id="path46" class="st0" points="143.6,0.7 112.5,61.1 81.4,0.7 77,2.8 112.5,71.8 148,2.8 					"/>
+					<path id="path50" class="st0" d="M207.1,47.8l-0.2,0c-0.1,0-0.1,0-0.2,0v0h-0.3c0,0,0,0,0,0l0,0h-0.1v-5h0.3v0
+						c0.1,0,0.2,0,0.2,0c9.9-0.3,18-8.6,18-18.5c0-10-8.1-18.3-18-18.5c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0h-40.6v19H161v-24
+						h45.5c0.1,0,0.3,0,0.4,0l0.2,0c12.6,0.3,22.8,10.9,22.8,23.5S219.7,47.5,207.1,47.8"/>
+					<path id="path54" class="st0" d="M207,29.7c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0h-40.6v37.1h40.9v0c0.1,0,0.2,0,0.2,0
+						c9.9-0.3,18-8.6,18-18.5C225,38.3,216.9,30,207,29.7 M207.1,71.8l-0.2,0c-0.1,0-0.1,0-0.2,0v0h-0.3c0,0,0,0,0,0l0,0h-40.6h-4.8
+						H161V24.7h4.8h40.6c0.1,0,0.3,0,0.4,0l0.2,0c12.6,0.3,22.8,10.9,22.8,23.5C229.9,60.9,219.7,71.5,207.1,71.8"/>
+					<path id="path58" class="st0" d="M280.6,0.7c-18.9,0-34.3,15.8-34.3,35.1c0,0.2,0,0.5,0,0.7c0,0.6-0.1,1.2,0,1.8l0,33.6h4.9
+						V38.2c0-0.5,0-0.9,0-1.2c0-0.4,0-0.7,0-1.1c0-16.6,13.2-30.2,29.4-30.2c15.6,0,28.6,12.5,29.5,28.5l0,1c0,0.3,0,0.5,0,0.8
+						c0,0.2,0,0.5,0,0.7l-0.1,2.1l4.9,0.2l0.1-2.1c0-0.3,0-0.6,0-0.9c0-0.3,0-0.6,0-0.9l-0.1-1.7C313.6,15,298.5,0.7,280.6,0.7"/>
+					<path id="path62" class="st0" d="M265.4,45.7c0,2.1,1.7,3.9,3.9,3.9c2.1,0,3.9-1.7,3.9-3.9c0-2.1-1.7-3.9-3.9-3.9
+						C267.1,41.9,265.4,43.6,265.4,45.7"/>
+					<path id="path66" class="st0" d="M289.3,45.7c0,2.1,1.7,3.9,3.9,3.9c2.1,0,3.9-1.7,3.9-3.9c0-2.1-1.7-3.9-3.9-3.9
+						C291,41.9,289.3,43.6,289.3,45.7"/>
+					<path id="path70" class="st0" d="M375.1,24.8c-0.1,0-0.3,0-0.4,0h-6.2l23.6-24h6.6l-23.4,24c0,0,0,0,0,0L375.1,24.8z"/>
+					<polygon id="path74" class="st0" points="334.1,66.8 334,66.8 334,29.7 334,29.7 334,59.9 363.6,29.7 370.4,29.7 					"/>
+					<polygon id="path78" class="st0" points="329.2,24.7 329.2,43.4 329.1,0.7 334,0.7 334,24.7 334,24.7 					"/>
+					<path id="path82" class="st0" d="M375.3,71.8l-0.2,0c-0.1,0-0.1,0-0.2,0v0h-0.3c0,0,0,0,0,0l0,0H334h-4.8h-0.1V43.4V24.7h4.8h0
+						v5h0v37.1h0h40.9v0c0.1,0,0.2,0,0.2,0c9.9-0.3,18-8.6,18-18.5c0-10-8.1-18.3-18-18.5c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0
+						h-4.2h-6.8l4.9-5h6.2c0.1,0,0.3,0,0.4,0l0.2,0c0,0,0,0,0,0c12.6,0.3,22.8,10.9,22.8,23.5C398.1,60.9,387.8,71.4,375.3,71.8"/>
+					<path id="path84" class="st0" d="M424.1,66.7h26.6v-61h-26.6V66.7z M419.2,0.7h36.4v71h-36.4V0.7z"/>
+					<polygon id="path88" class="st0" points="488,0.7 419.2,0.7 419.2,23.3 424.1,23.3 424.1,5.7 483.2,5.7 483.2,23.3 488,23.3 
+											"/>
+					<polygon id="path92" class="st0" points="546.6,0.8 546.6,71.4 541.7,71.4 541.7,5.8 512,5.7 512,0.8 					"/>
+					<path id="path96" class="st0" d="M566,69.5l-0.1,2.1l-4.9-0.2l0.1-2.1c0-0.2,0-0.5,0-0.7c0-0.2,0-0.5,0-0.8l0-1
+						c-0.9-16-13.9-28.5-29.5-28.5c-16.2,0-29.4,13.5-29.4,30.2c0,0.3,0,0.7,0,1.1c0,0.4,0,0.7,0,1.2v1h-4.9V71c0-0.6,0-1.2,0-1.8
+						c0-0.2,0-0.5,0-0.7c0-19.4,15.4-35.1,34.3-35.1c17.9,0,33,14.3,34.4,32.5l0.1,1.7c0,0.3,0,0.6,0,0.9
+						C566,68.9,566,69.2,566,69.5"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/images/saburly-logo-3.svg b/src/images/saburly-logo-3.svg
new file mode 100644
index 0000000..e47383c
--- /dev/null
+++ b/src/images/saburly-logo-3.svg
@@ -0,0 +1,59 @@
+<?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 566 72" style="enable-background:new 0 0 566 72;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#656BFD;}
+</style>
+<title>Group</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-2">
+	<g id="Desktop-" transform="translate(-361.000000, -345.000000)">
+		<g id="Group" transform="translate(361.000000, 345.000000)">
+			<g id="saburly_final-_1_">
+				<g id="g26" transform="translate(283.000000, 36.000000) scale(1, -1) translate(-283.000000, -36.000000) ">
+					<path id="path34" class="st0" d="M24.1,29.4c-0.1,0-0.2,0-0.3,0h-0.2c-0.1,0-0.1,0-0.2,0s-0.2,0-0.3,0
+						c-10,0.3-18.2,8.7-18.2,18.9c0,10.1,8.2,18.6,18.3,18.8c0.1,0,0.2,0,0.3,0c0.1,0,0.1,0,0.2,0h0.2c0.1,0,0.1,0,0.2,0
+						s0.1,0,0.2,0h37H69v4.4H23.6c-0.1,0-0.3,0-0.4,0H23C10.6,71.2,0.5,60.7,0.5,48.3S10.6,25.4,23,25.1h0.2c0.1,0,0.3,0,0.4,0"/>
+					<path id="path38" class="st0" d="M23.6,24.7c-0.1,0-0.3,0-0.4,0H23C10.5,25.1,0.2,35.6,0.2,48.3c0,12.6,10.2,23.2,22.8,23.5
+						h0.2c0.1,0,0.3,0,0.4,0h45.5v-5H23.6c-0.1,0-0.1,0-0.2,0h-0.1c-0.1,0-0.2,0-0.2,0c-9.9-0.3-18-8.6-18-18.5
+						c0-10,8.1-18.3,18-18.5c0.1,0,0.2,0,0.2,0h0.1c0.1,0,0.1,0,0.2,0h0.2c0.1,0,0.2,0,0.3,0v-0.6c-0.1,0-0.2,0-0.3,0h-0.2
+						c-0.1,0-0.1,0-0.2,0s-0.2,0-0.3,0C12.9,29.4,4.6,38,4.6,48.3s8.3,18.9,18.5,19.1c0.1,0,0.1,0,0.2,0h0.1c0.1,0,0.1,0,0.2,0H24
+						h0.2h44.3v3.8H23.6c-0.1,0-0.3,0-0.4,0H23C10.8,70.9,0.8,60.6,0.8,48.3s10-22.6,22.2-22.9h0.2c0.1,0,0.3,0,0.4,0V24.7z"/>
+					<path id="path42" class="st0" d="M45.2,42.8c0.1,0,0.2,0,0.3,0h0.2c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3,0
+						c10.1-0.3,18.3-8.7,18.3-18.8S56.3,5.4,46.2,5.2c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0h-0.2c-0.1,0-0.1,0-0.2,0s-0.1,0-0.2,0h-37
+						H0.5V0.8h45.2c0.1,0,0.3,0,0.4,0h0.2C58.7,1.1,68.8,11.5,68.8,24S58.7,46.8,46.3,47.1h-0.2c-0.1,0-0.3,0-0.4,0"/>
+					<polygon id="path46" class="st0" points="143.6,0.7 112.5,61.1 81.4,0.7 77,2.8 112.5,71.8 148,2.8 					"/>
+					<path id="path50" class="st0" d="M207.1,47.8h-0.2c-0.1,0-0.1,0-0.2,0l0,0h-0.3l0,0l0,0h-0.1v-5h0.3l0,0c0.1,0,0.2,0,0.2,0
+						c9.9-0.3,18-8.6,18-18.5c0-10-8.1-18.3-18-18.5c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0h-40.6v19H161v-24h45.5c0.1,0,0.3,0,0.4,0h0.2
+						c12.6,0.3,22.8,10.9,22.8,23.5S219.7,47.5,207.1,47.8"/>
+					<path id="path54" class="st0" d="M207,29.7c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0h-40.6v37.1h40.9l0,0c0.1,0,0.2,0,0.2,0
+						c9.9-0.3,18-8.6,18-18.5C225,38.3,216.9,30,207,29.7 M207.1,71.8h-0.2c-0.1,0-0.1,0-0.2,0l0,0h-0.3l0,0l0,0h-40.6H161h0V24.7
+						h4.8h40.6c0.1,0,0.3,0,0.4,0h0.2c12.6,0.3,22.8,10.9,22.8,23.5C229.9,60.9,219.7,71.5,207.1,71.8"/>
+					<path id="path58" class="st0" d="M280.6,0.7c-18.9,0-34.3,15.8-34.3,35.1c0,0.2,0,0.5,0,0.7c0,0.6-0.1,1.2,0,1.8v33.6h4.9V38.2
+						c0-0.5,0-0.9,0-1.2c0-0.4,0-0.7,0-1.1c0-16.6,13.2-30.2,29.4-30.2c15.6,0,28.6,12.5,29.5,28.5v1c0,0.3,0,0.5,0,0.8
+						c0,0.2,0,0.5,0,0.7l-0.1,2.1l4.9,0.2l0.1-2.1c0-0.3,0-0.6,0-0.9c0-0.3,0-0.6,0-0.9l-0.1-1.7C313.6,15,298.5,0.7,280.6,0.7"/>
+					<path id="path62" class="st0" d="M265.4,45.7c0,2.1,1.7,3.9,3.9,3.9c2.1,0,3.9-1.7,3.9-3.9c0-2.1-1.7-3.9-3.9-3.9
+						C267.1,41.9,265.4,43.6,265.4,45.7"/>
+					<path id="path66" class="st0" d="M289.3,45.7c0,2.1,1.7,3.9,3.9,3.9c2.1,0,3.9-1.7,3.9-3.9c0-2.1-1.7-3.9-3.9-3.9
+						C291,41.9,289.3,43.6,289.3,45.7"/>
+					<path id="path70" class="st0" d="M375.1,24.8c-0.1,0-0.3,0-0.4,0h-6.2l23.6-24h6.6l-23.4,24l0,0H375.1z"/>
+					<polygon id="path74" class="st0" points="334.1,66.8 334,66.8 334,29.7 334,29.7 334,59.9 363.6,29.7 370.4,29.7 					"/>
+					<polygon id="path78" class="st0" points="329.2,24.7 329.2,43.4 329.1,0.7 334,0.7 334,24.7 334,24.7 					"/>
+					<path id="path82" class="st0" d="M375.3,71.8h-0.2c-0.1,0-0.1,0-0.2,0l0,0h-0.3l0,0l0,0H334h-4.8h-0.1V43.4V24.7h4.8l0,0v5l0,0
+						v37.1l0,0h40.9l0,0c0.1,0,0.2,0,0.2,0c9.9-0.3,18-8.6,18-18.5c0-10-8.1-18.3-18-18.5c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0
+						h-4.2h-6.8l4.9-5h6.2c0.1,0,0.3,0,0.4,0h0.2l0,0c12.6,0.3,22.8,10.9,22.8,23.5C398.1,60.9,387.8,71.4,375.3,71.8"/>
+					<path id="path84" class="st0" d="M424.1,66.7h26.6v-61h-26.6V66.7z M419.2,0.7h36.4v71h-36.4V0.7z"/>
+					<polygon id="path88" class="st0" points="488,0.7 419.2,0.7 419.2,23.3 424.1,23.3 424.1,5.7 483.2,5.7 483.2,23.3 488,23.3 
+											"/>
+					<polygon id="path92" class="st0" points="546.6,0.8 546.6,71.4 541.7,71.4 541.7,5.8 512,5.7 512,0.8 					"/>
+					<path id="path96" class="st0" d="M566,69.5l-0.1,2.1l-4.9-0.2l0.1-2.1c0-0.2,0-0.5,0-0.7s0-0.5,0-0.8v-1
+						c-0.9-16-13.9-28.5-29.5-28.5c-16.2,0-29.4,13.5-29.4,30.2c0,0.3,0,0.7,0,1.1s0,0.7,0,1.2v1h-4.9V71c0-0.6,0-1.2,0-1.8
+						c0-0.2,0-0.5,0-0.7c0-19.4,15.4-35.1,34.3-35.1c17.9,0,33,14.3,34.4,32.5l0.1,1.7c0,0.3,0,0.6,0,0.9
+						C566,68.9,566,69.2,566,69.5"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/images/saburly-logo-5.svg b/src/images/saburly-logo-5.svg
new file mode 100644
index 0000000..a098041
--- /dev/null
+++ b/src/images/saburly-logo-5.svg
@@ -0,0 +1,59 @@
+<?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 566 72" style="enable-background:new 0 0 566 72;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#022363;}
+</style>
+<title>Group</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-2">
+	<g id="Desktop-" transform="translate(-361.000000, -345.000000)">
+		<g id="Group" transform="translate(361.000000, 345.000000)">
+			<g id="saburly_final-_1_">
+				<g id="g26" transform="translate(283.000000, 36.000000) scale(1, -1) translate(-283.000000, -36.000000) ">
+					<path id="path34" class="st0" d="M24.1,29.4c-0.1,0-0.2,0-0.3,0h-0.2c-0.1,0-0.1,0-0.2,0s-0.2,0-0.3,0
+						c-10,0.3-18.2,8.7-18.2,18.9c0,10.1,8.2,18.6,18.3,18.8c0.1,0,0.2,0,0.3,0c0.1,0,0.1,0,0.2,0h0.2c0.1,0,0.1,0,0.2,0
+						s0.1,0,0.2,0h37H69v4.4H23.6c-0.1,0-0.3,0-0.4,0H23C10.6,71.2,0.5,60.7,0.5,48.3S10.6,25.4,23,25.1h0.2c0.1,0,0.3,0,0.4,0"/>
+					<path id="path38" class="st0" d="M23.6,24.7c-0.1,0-0.3,0-0.4,0H23C10.5,25.1,0.2,35.6,0.2,48.3c0,12.6,10.2,23.2,22.8,23.5
+						h0.2c0.1,0,0.3,0,0.4,0h45.5v-5H23.6c-0.1,0-0.1,0-0.2,0h-0.1c-0.1,0-0.2,0-0.2,0c-9.9-0.3-18-8.6-18-18.5
+						c0-10,8.1-18.3,18-18.5c0.1,0,0.2,0,0.2,0h0.1c0.1,0,0.1,0,0.2,0h0.2c0.1,0,0.2,0,0.3,0v-0.6c-0.1,0-0.2,0-0.3,0h-0.2
+						c-0.1,0-0.1,0-0.2,0s-0.2,0-0.3,0C12.9,29.4,4.6,38,4.6,48.3s8.3,18.9,18.5,19.1c0.1,0,0.1,0,0.2,0h0.1c0.1,0,0.1,0,0.2,0H24
+						h0.2h44.3v3.8H23.6c-0.1,0-0.3,0-0.4,0H23C10.8,70.9,0.8,60.6,0.8,48.3s10-22.6,22.2-22.9h0.2c0.1,0,0.3,0,0.4,0V24.7z"/>
+					<path id="path42" class="st0" d="M45.2,42.8c0.1,0,0.2,0,0.3,0h0.2c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3,0
+						c10.1-0.3,18.3-8.7,18.3-18.8S56.3,5.4,46.2,5.2c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0h-0.2c-0.1,0-0.1,0-0.2,0s-0.1,0-0.2,0h-37
+						H0.5V0.8h45.2c0.1,0,0.3,0,0.4,0h0.2C58.7,1.1,68.8,11.5,68.8,24S58.7,46.8,46.3,47.1h-0.2c-0.1,0-0.3,0-0.4,0"/>
+					<polygon id="path46" class="st0" points="143.6,0.7 112.5,61.1 81.4,0.7 77,2.8 112.5,71.8 148,2.8 					"/>
+					<path id="path50" class="st0" d="M207.1,47.8h-0.2c-0.1,0-0.1,0-0.2,0l0,0h-0.3l0,0l0,0h-0.1v-5h0.3l0,0c0.1,0,0.2,0,0.2,0
+						c9.9-0.3,18-8.6,18-18.5c0-10-8.1-18.3-18-18.5c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0h-40.6v19H161v-24h45.5c0.1,0,0.3,0,0.4,0h0.2
+						c12.6,0.3,22.8,10.9,22.8,23.5S219.7,47.5,207.1,47.8"/>
+					<path id="path54" class="st0" d="M207,29.7c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0h-40.6v37.1h40.9l0,0c0.1,0,0.2,0,0.2,0
+						c9.9-0.3,18-8.6,18-18.5C225,38.3,216.9,30,207,29.7 M207.1,71.8h-0.2c-0.1,0-0.1,0-0.2,0l0,0h-0.3l0,0l0,0h-40.6H161h0V24.7
+						h4.8h40.6c0.1,0,0.3,0,0.4,0h0.2c12.6,0.3,22.8,10.9,22.8,23.5C229.9,60.9,219.7,71.5,207.1,71.8"/>
+					<path id="path58" class="st0" d="M280.6,0.7c-18.9,0-34.3,15.8-34.3,35.1c0,0.2,0,0.5,0,0.7c0,0.6-0.1,1.2,0,1.8v33.6h4.9V38.2
+						c0-0.5,0-0.9,0-1.2c0-0.4,0-0.7,0-1.1c0-16.6,13.2-30.2,29.4-30.2c15.6,0,28.6,12.5,29.5,28.5v1c0,0.3,0,0.5,0,0.8
+						c0,0.2,0,0.5,0,0.7l-0.1,2.1l4.9,0.2l0.1-2.1c0-0.3,0-0.6,0-0.9c0-0.3,0-0.6,0-0.9l-0.1-1.7C313.6,15,298.5,0.7,280.6,0.7"/>
+					<path id="path62" class="st0" d="M265.4,45.7c0,2.1,1.7,3.9,3.9,3.9c2.1,0,3.9-1.7,3.9-3.9c0-2.1-1.7-3.9-3.9-3.9
+						C267.1,41.9,265.4,43.6,265.4,45.7"/>
+					<path id="path66" class="st0" d="M289.3,45.7c0,2.1,1.7,3.9,3.9,3.9c2.1,0,3.9-1.7,3.9-3.9c0-2.1-1.7-3.9-3.9-3.9
+						C291,41.9,289.3,43.6,289.3,45.7"/>
+					<path id="path70" class="st0" d="M375.1,24.8c-0.1,0-0.3,0-0.4,0h-6.2l23.6-24h6.6l-23.4,24l0,0H375.1z"/>
+					<polygon id="path74" class="st0" points="334.1,66.8 334,66.8 334,29.7 334,29.7 334,59.9 363.6,29.7 370.4,29.7 					"/>
+					<polygon id="path78" class="st0" points="329.2,24.7 329.2,43.4 329.1,0.7 334,0.7 334,24.7 334,24.7 					"/>
+					<path id="path82" class="st0" d="M375.3,71.8h-0.2c-0.1,0-0.1,0-0.2,0l0,0h-0.3l0,0l0,0H334h-4.8h-0.1V43.4V24.7h4.8l0,0v5l0,0
+						v37.1l0,0h40.9l0,0c0.1,0,0.2,0,0.2,0c9.9-0.3,18-8.6,18-18.5c0-10-8.1-18.3-18-18.5c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0
+						h-4.2h-6.8l4.9-5h6.2c0.1,0,0.3,0,0.4,0h0.2l0,0c12.6,0.3,22.8,10.9,22.8,23.5C398.1,60.9,387.8,71.4,375.3,71.8"/>
+					<path id="path84" class="st0" d="M424.1,66.7h26.6v-61h-26.6V66.7z M419.2,0.7h36.4v71h-36.4V0.7z"/>
+					<polygon id="path88" class="st0" points="488,0.7 419.2,0.7 419.2,23.3 424.1,23.3 424.1,5.7 483.2,5.7 483.2,23.3 488,23.3 
+											"/>
+					<polygon id="path92" class="st0" points="546.6,0.8 546.6,71.4 541.7,71.4 541.7,5.8 512,5.7 512,0.8 					"/>
+					<path id="path96" class="st0" d="M566,69.5l-0.1,2.1l-4.9-0.2l0.1-2.1c0-0.2,0-0.5,0-0.7s0-0.5,0-0.8v-1
+						c-0.9-16-13.9-28.5-29.5-28.5c-16.2,0-29.4,13.5-29.4,30.2c0,0.3,0,0.7,0,1.1s0,0.7,0,1.2v1h-4.9V71c0-0.6,0-1.2,0-1.8
+						c0-0.2,0-0.5,0-0.7c0-19.4,15.4-35.1,34.3-35.1c17.9,0,33,14.3,34.4,32.5l0.1,1.7c0,0.3,0,0.6,0,0.9
+						C566,68.9,566,69.2,566,69.5"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/images/saburly-logo-variation.svg b/src/images/saburly-logo-variation.svg
new file mode 100644
index 0000000..bc0f0e9
--- /dev/null
+++ b/src/images/saburly-logo-variation.svg
@@ -0,0 +1,62 @@
+<?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 566 72" style="enable-background:new 0 0 566 72;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#845AF6;}
+</style>
+<title>Group</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-2">
+	<g id="Desktop-" transform="translate(-361.000000, -345.000000)">
+		<g id="Group" transform="translate(361.000000, 345.000000)">
+			<g id="saburly_final-_1_">
+				<g id="g26" transform="translate(283.000000, 36.000000) scale(1, -1) translate(-283.000000, -36.000000) ">
+					<path id="path34" class="st0" d="M24.1,29.4c-0.1,0-0.2,0-0.3,0l-0.2,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0
+						C13.1,29.7,4.9,38.1,4.9,48.3c0,10.1,8.2,18.6,18.3,18.8c0.1,0,0.2,0,0.3,0c0.1,0,0.1,0,0.2,0l0.2,0c0.1,0,0.1,0,0.2,0
+						c0.1,0,0.1,0,0.2,0h37h7.7l0,4.4H23.6c-0.1,0-0.3,0-0.4,0l-0.2,0C10.6,71.2,0.5,60.7,0.5,48.3S10.6,25.4,23,25.1l0.2,0
+						c0.1,0,0.3,0,0.4,0"/>
+					<path id="path38" class="st0" d="M23.6,24.7c-0.1,0-0.3,0-0.4,0l-0.2,0C10.5,25.1,0.2,35.6,0.2,48.3
+						c0,12.6,10.2,23.2,22.8,23.5l0.2,0c0.1,0,0.3,0,0.4,0h45.5l0-5H23.6c-0.1,0-0.1,0-0.2,0l-0.1,0c-0.1,0-0.2,0-0.2,0
+						c-9.9-0.3-18-8.6-18-18.5c0-10,8.1-18.3,18-18.5c0.1,0,0.2,0,0.2,0l0.1,0c0.1,0,0.1,0,0.2,0l0.2,0c0.1,0,0.2,0,0.3,0l0-0.6
+						c-0.1,0-0.2,0-0.3,0l-0.2,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0C12.9,29.4,4.6,38,4.6,48.3c0,10.3,8.3,18.9,18.5,19.1
+						c0.1,0,0.1,0,0.2,0l0.1,0c0.1,0,0.1,0,0.2,0l0.4,0l0.2,0h44.3l0,3.8H23.6c-0.1,0-0.3,0-0.4,0l-0.2,0
+						C10.8,70.9,0.8,60.6,0.8,48.3c0-12.3,10-22.6,22.2-22.9l0.2,0c0.1,0,0.3,0,0.4,0V24.7z"/>
+					<path id="path42" class="st0" d="M45.2,42.8c0.1,0,0.2,0,0.3,0l0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3,0
+						c10.1-0.3,18.3-8.7,18.3-18.8c0-10.1-8.2-18.6-18.3-18.8c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0l-0.2,0c-0.1,0-0.1,0-0.2,0
+						s-0.1,0-0.2,0h-37H0.5l0-4.4h45.2c0.1,0,0.3,0,0.4,0l0.2,0c12.4,0.3,22.5,10.7,22.5,23.2S58.7,46.8,46.3,47.1l-0.2,0
+						c-0.1,0-0.3,0-0.4,0"/>
+					<polygon id="path46" class="st0" points="143.6,0.7 112.5,61.1 81.4,0.7 77,2.8 112.5,71.8 148,2.8 					"/>
+					<path id="path50" class="st0" d="M207.1,47.8l-0.2,0c-0.1,0-0.1,0-0.2,0v0h-0.3c0,0,0,0,0,0l0,0h-0.1v-5h0.3v0
+						c0.1,0,0.2,0,0.2,0c9.9-0.3,18-8.6,18-18.5c0-10-8.1-18.3-18-18.5c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0h-40.6v19H161v-24
+						h45.5c0.1,0,0.3,0,0.4,0l0.2,0c12.6,0.3,22.8,10.9,22.8,23.5S219.7,47.5,207.1,47.8"/>
+					<path id="path54" class="st0" d="M207,29.7c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0h-40.6v37.1h40.9v0c0.1,0,0.2,0,0.2,0
+						c9.9-0.3,18-8.6,18-18.5C225,38.3,216.9,30,207,29.7 M207.1,71.8l-0.2,0c-0.1,0-0.1,0-0.2,0v0h-0.3c0,0,0,0,0,0l0,0h-40.6h-4.8
+						H161V24.7h4.8h40.6c0.1,0,0.3,0,0.4,0l0.2,0c12.6,0.3,22.8,10.9,22.8,23.5C229.9,60.9,219.7,71.5,207.1,71.8"/>
+					<path id="path58" class="st0" d="M280.6,0.7c-18.9,0-34.3,15.8-34.3,35.1c0,0.2,0,0.5,0,0.7c0,0.6-0.1,1.2,0,1.8l0,33.6h4.9
+						V38.2c0-0.5,0-0.9,0-1.2c0-0.4,0-0.7,0-1.1c0-16.6,13.2-30.2,29.4-30.2c15.6,0,28.6,12.5,29.5,28.5l0,1c0,0.3,0,0.5,0,0.8
+						c0,0.2,0,0.5,0,0.7l-0.1,2.1l4.9,0.2l0.1-2.1c0-0.3,0-0.6,0-0.9c0-0.3,0-0.6,0-0.9l-0.1-1.7C313.6,15,298.5,0.7,280.6,0.7"/>
+					<path id="path62" class="st0" d="M265.4,45.7c0,2.1,1.7,3.9,3.9,3.9c2.1,0,3.9-1.7,3.9-3.9c0-2.1-1.7-3.9-3.9-3.9
+						C267.1,41.9,265.4,43.6,265.4,45.7"/>
+					<path id="path66" class="st0" d="M289.3,45.7c0,2.1,1.7,3.9,3.9,3.9c2.1,0,3.9-1.7,3.9-3.9c0-2.1-1.7-3.9-3.9-3.9
+						C291,41.9,289.3,43.6,289.3,45.7"/>
+					<path id="path70" class="st0" d="M375.1,24.8c-0.1,0-0.3,0-0.4,0h-6.2l23.6-24h6.6l-23.4,24c0,0,0,0,0,0L375.1,24.8z"/>
+					<polygon id="path74" class="st0" points="334.1,66.8 334,66.8 334,29.7 334,29.7 334,59.9 363.6,29.7 370.4,29.7 					"/>
+					<polygon id="path78" class="st0" points="329.2,24.7 329.2,43.4 329.1,0.7 334,0.7 334,24.7 334,24.7 					"/>
+					<path id="path82" class="st0" d="M375.3,71.8l-0.2,0c-0.1,0-0.1,0-0.2,0v0h-0.3c0,0,0,0,0,0l0,0H334h-4.8h-0.1V43.4V24.7h4.8h0
+						v5h0v37.1h0h40.9v0c0.1,0,0.2,0,0.2,0c9.9-0.3,18-8.6,18-18.5c0-10-8.1-18.3-18-18.5c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0
+						h-4.2h-6.8l4.9-5h6.2c0.1,0,0.3,0,0.4,0l0.2,0c0,0,0,0,0,0c12.6,0.3,22.8,10.9,22.8,23.5C398.1,60.9,387.8,71.4,375.3,71.8"/>
+					<path id="path84" class="st0" d="M424.1,66.7h26.6v-61h-26.6V66.7z M419.2,0.7h36.4v71h-36.4V0.7z"/>
+					<polygon id="path88" class="st0" points="488,0.7 419.2,0.7 419.2,23.3 424.1,23.3 424.1,5.7 483.2,5.7 483.2,23.3 488,23.3 
+											"/>
+					<polygon id="path92" class="st0" points="546.6,0.8 546.6,71.4 541.7,71.4 541.7,5.8 512,5.7 512,0.8 					"/>
+					<path id="path96" class="st0" d="M566,69.5l-0.1,2.1l-4.9-0.2l0.1-2.1c0-0.2,0-0.5,0-0.7c0-0.2,0-0.5,0-0.8l0-1
+						c-0.9-16-13.9-28.5-29.5-28.5c-16.2,0-29.4,13.5-29.4,30.2c0,0.3,0,0.7,0,1.1c0,0.4,0,0.7,0,1.2v1h-4.9V71c0-0.6,0-1.2,0-1.8
+						c0-0.2,0-0.5,0-0.7c0-19.4,15.4-35.1,34.3-35.1c17.9,0,33,14.3,34.4,32.5l0.1,1.7c0,0.3,0,0.6,0,0.9
+						C566,68.9,566,69.2,566,69.5"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/images/ux-designer-nina.jpg b/src/images/ux-designer-nina.jpg
new file mode 100644
index 0000000..7933747
Binary files /dev/null and b/src/images/ux-designer-nina.jpg differ
diff --git a/src/images/ux-developer-nina.jpg b/src/images/ux-developer-nina.jpg
deleted file mode 100755
index bd63467..0000000
Binary files a/src/images/ux-developer-nina.jpg and /dev/null differ
diff --git a/src/pages/about.js b/src/pages/about.js
index 3f9666e..a08f8da 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -4,11 +4,22 @@ import SectionIntro from '../components/SectionIntro'
 
 import PageTransition from 'gatsby-plugin-page-transitions'
 import Fade from 'react-reveal/Fade'
+import Card from '../components/Card'
 
 import IntroImage from '../images/web-development-consultants.jpg'
 import MeaningSaburly from '../images/coding-tutorials-patience.svg'
 
-import Nina from '../images/ux-developer-nina.jpg'
+import Nina from '../images/ux-designer-nina.jpg'
+import Edin from '../images/coo-edin.jpg'
+import Moris from '../images/ceo-moris.jpg'
+import Senad from '../images/cto-senad.jpg'
+import Bilal from '../images/developer-bilal.jpg'
+import Mediha from '../images/developer-mediha.jpg'
+import Almira from '../images/developer-almira.jpg'
+import Mirna from '../images/developer-mirna.jpg'
+import Mickey from '../images/developer-mickey.svg'
+import Nedim from '../images/developer-nedim.svg'
+import Emil from '../images/manager-emil.svg'
 
 const AboutPage = () => (
   <PageTransition>
@@ -16,25 +27,29 @@ const AboutPage = () => (
       <PageIntro
         tiltImage
         headline="Founded by developers"
-        text="Saburly was founded in 2017 by experienced software developers that understand what it takes to create modern digital solutions. Our focus is on gathering and mentoring the best talents in the industry in order to create digital experiences that make valuable impact."
+        text="Saburly was founded by senior tech leads that understand what it takes to create modern digital solutions. We have managed large software development teams for successful companies in the past and are now recruiting and mentoring the best talents in the industry for Saburly."
         image={IntroImage}
         imgClasses="border-white border-8 rounded -mb-12"
       />
     </Fade>
 
     <section className="container mx-auto my-12 p-4">
-      <Fade left>
+      <Fade>
         <div className="md:flex justify-center items-center">
           <img
             src={MeaningSaburly}
             className="hidden lg:block max-h-xs"
             alt="User Experience Design Agency"
           />
-          <SectionIntro
-            h2Classes="text-4xl"
-            headline="Meaning"
-            text="...Patience. ...Our goal is long-term engagement."
-          />
+          <div>
+            <p className="font-light text-grey-darkest text-center">
+              Saburly comes from an old Bosnian saying and is about
+            </p>
+            <h5 className="mt-2 text-center text-4xl italic font-light text-black">
+              "Achieving success through patience, strategic planning and
+              perseverance"
+            </h5>
+          </div>
         </div>
       </Fade>
     </section>
@@ -42,37 +57,92 @@ const AboutPage = () => (
     <section className="container mx-auto my-12 p-4">
       <Fade>
         <SectionIntro
-          h2Classes="text-5xl"
+          classes="max-w-lg mx-auto"
+          h2Classes="text-5xl text-center"
           headline="The Team"
-          text="We are a small company with a personal touch that knows our stuff. Our team consists of handpicked expert software developers, designers and system architects - all highly motivated to help you succeed."
+          text="We are a small company with a personal touch that knows our stuff. Our team consists of expert developers and designers, all highly motivated to help you succeed."
+          textClasses="text-center"
         />
-
-        <div className="w-1/2 lg:flex">
-          <div
-            className="h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden"
-            style={{
-              backgroundImage: `url(${Nina})`,
-            }}
-            title="Woman holding a mug"
-          />
-          <div className="border-r border-b border-l border-grey-light lg:border-l-0 lg:border-t lg:border-grey-light bg-white rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal">
-            <div className="mb-8">
-              <div className="text-black font-bold text-xl">Nina</div>
-              <p className="text-sm text-grey-dark flex items-center">
-                UX & UI Designer
-              </p>
-              <p className="text-grey-darker text-base py-2">
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-                Voluptatibus quia, nulla! Maiores et perferendis eaque,
-                exercitationem praesentium nihil.
-              </p>
-            </div>
-            <div className="flex items-center">
-              <div className="text-sm">
-                <p className="text-black leading-none">Favorite Technologies</p>
-                <p className="text-grey-dark">Sketch, Adobe</p>
-              </div>
-            </div>
+      </Fade>
+      <Fade>
+        <div className="container mx-auto p-4 w-full md:flex md:flex-wrap items-stretch w-full">
+          <div className="md:w-1/3 p-2">
+            <Card team teamMember={Moris} title="Moris Pasic" subtitle="CEO" />
+          </div>
+          <div className="md:w-1/3 p-2">
+            <Card team teamMember={Senad} title="Senad Uka" subtitle="CEO" />
+          </div>
+          <div className="md:w-1/3 p-2">
+            <Card
+              team
+              teamMember={Edin}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
+          </div>
+          <div className="md:w-1/3 p-2">
+            <Card
+              team
+              teamMember={Mediha}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
+          </div>
+          <div className="md:w-1/3 p-2">
+            <Card
+              team
+              teamMember={Mirna}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
+          </div>
+          <div className="md:w-1/3 p-2">
+            <Card
+              team
+              teamMember={Nina}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
+          </div>
+          <div className="md:w-1/3 p-2">
+            <Card
+              team
+              teamMember={Bilal}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
+          </div>
+          <div className="md:w-1/3 p-2">
+            <Card
+              team
+              teamMember={Almira}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
+          </div>
+          <div className="md:w-1/3 p-2">
+            <Card
+              team
+              teamMember={Mickey}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
+          </div>
+          <div className="md:w-1/2 p-2">
+            <Card
+              team
+              teamMember={Nedim}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
+          </div>
+          <div className="md:w-1/2 p-2">
+            <Card
+              team
+              teamMember={Emil}
+              title="Edin Dazdarevic"
+              subtitle="CEO"
+            />
           </div>
         </div>
       </Fade>
diff --git a/src/pages/index.js b/src/pages/index.js
index 1624989..a4d6052 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -53,25 +53,27 @@ const IndexPage = ({ ...props }) => (
           <SectionIntro
             h2Classes="text-3xl"
             headline="Because beautiful code makes our heart pound"
-            text="We have a deep passion for cutting edge technologies and incredible user experiences. Our experienced engineers deliver custom end-to-end software solutions daily and can even help you with initial analysis, architecture design, testing and deployments."
+            text="What gets us going is our passion for cutting edge technologies and incredible user experiences. Our developers deliver custom end-to-end software solutions daily and can even help you with initial analysis, architecture design, testing and deployments."
           />
         </Fade>
       </section>
 
-      <section className="bg-saburly relative">
-        <Fade left>
+      <section className="relative">
+        <Fade>
           <Service
-            h2Classes="text-4xl font-light saburly-color"
+            classes="py-8"
+            h2Classes="text-4xl font-light text-black"
             img={ImgDesign}
             title="User Experience Design"
-            text="Our approach is simple: focus on how users might use the product in the best way possible. We offer UX and interface design for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
+            text="Our approach is simple: focus on how users might use the product in the best ways possible. We offer UX and interface design services for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
           />
         </Fade>
 
-        <Fade right>
+        <Fade>
           <Service
             reversed
-            h2Classes="text-4xl font-light saburly-color"
+            classes="py-8"
+            h2Classes="text-4xl font-light text-black"
             img={ImgFullstack}
             title="Full-Stack Development"
             text="We are experts in modern web development using both client-side and server-side technologies. Our talented developers work with popular languages and are always up to speed on the cutting edge trends in web application development. We deliver high-quality, maintainable code on time and know how to balance between cost, time and quality."
@@ -79,35 +81,25 @@ const IndexPage = ({ ...props }) => (
           />
         </Fade>
 
-        <Fade left>
+        <Fade>
           <Service
             img={ImgMobile}
-            h2Classes="text-4xl font-light saburly-color"
+            classes="py-8"
+            h2Classes="text-4xl font-light text-black"
             imgClasses="max-h-sm"
             title="Mobile Apps"
             text="We have what it takes to develop competitive iOS and Android applications using both native languages and hybrid solutions. Solutions for iOS are built with Swift & Objective-C and Android solutions are built with Java & Kotlin. We love using technologies like React Native to build cross-platform native apps."
           />
         </Fade>
-
-        <Fade>
-          <div className="py-8 text-center lg:flex justify-center">
-            <Button
-              standard
-              text="More About What We Do"
-              url="/services"
-              classes="font-medium rounded-full hover:shadow-md text-grey-darker hover:shadow"
-            />
-          </div>
-        </Fade>
       </section>
 
       <section className="bg-saburly-lighter text-center p-4 my-12">
-        <div className="my-8 container mx-auto max-w-lg">
+        <div className="my-8 py-8 container mx-auto max-w-lg">
           <Fade>
             <SectionIntro
               h2Classes="text-4xl"
               headline="Ambitious projects bring great responsibility"
-              text="By thinking big, designing smart and developing fast, we have helped organizations of various sizes bring life to ideas and existing products. We're now eager to hear what challenges you have for us"
+              text="By thinking big, designing smart and developing fast, we're helping organizations of various sizes bring life to ideas. We're now eager to hear what challenges you have for us."
             />
             <div className="p-4 sm:flex flex-wrap items-center max-w-full justify-around">
               <div className="sm:w-1/2 md:w-1/5 p-2">
@@ -149,12 +141,20 @@ const IndexPage = ({ ...props }) => (
           </Fade>
 
           <Fade>
-            <Button
-              filled
-              text="Let's Get In Touch"
-              url="/contact"
-              classes="text-white font-medium shadow hover:shadow-md rounded-full mt-2 font-light bg-teal hover:bg-teal-dark"
-            />
+            <div className="text-center lg:flex justify-center">
+              <Button
+                standard
+                text="More About What We Do"
+                url="/services"
+                classes="font-medium rounded-full m-2 hover:shadow-md text-grey-darker hover:shadow"
+              />
+              <Button
+                filled
+                text="Let's Get In Touch"
+                url="/contact"
+                classes="text-white font-medium shadow hover:shadow-md rounded-full m-2 font-light bg-teal hover:bg-teal-dark"
+              />
+            </div>
           </Fade>
         </div>
       </section>
@@ -162,8 +162,8 @@ const IndexPage = ({ ...props }) => (
       <section className="text-center p-8 relative">
         <Fade>
           <SectionIntro
-            h2Classes="font-light text-4xl"
-            headline="But occasionally we have fun & publish"
+            h2Classes="text-4xl"
+            headline="Yet sometimes we have fun & publish"
           />
         </Fade>
         <Fade>
@@ -189,7 +189,7 @@ const IndexPage = ({ ...props }) => (
         <Fade>
           <Button
             standard
-            text="More Posts"
+            text="Our Blog"
             url="/blog"
             classes="mt-2 mb-8 hover:shadow-md rounded-full text-grey-darker"
           />
diff --git a/src/pages/services.js b/src/pages/services.js
index 7cd49de..539b042 100644
--- a/src/pages/services.js
+++ b/src/pages/services.js
@@ -40,7 +40,7 @@ const ServicesPage = () => (
               h2Classes="text-4xl md:text-5xl saburly-color font-medium"
               classes="max-w-lg"
               headline="Design services"
-              text="We offer consistent quality that extends to every section of the application development. Our approach is simple: focus on how users might use the product
+              text="We offer consistent quality design that extends to every section of the application development. Our approach is simple: focus on how users might use the product
               in the best way possible. The solutions are usually shaped
               through iterative processes of research, prototyping and
               testing. All devices and screen sizes are welcome
diff --git a/src/styles/general.css b/src/styles/general.css
index e0a2b4a..51b0fc7 100644
--- a/src/styles/general.css
+++ b/src/styles/general.css
@@ -131,6 +131,14 @@ body {
   background-color: #5763ab;
 }
 
+.saburly-menu {
+  background-color: rgba(87, 99, 171, 1);
+}
+
+.headroom--scrolled .saburly-menu {
+  background-color: rgba(87, 99, 171, 0.9);
+}
+
 .saburly-logo {
   max-height: 22px;
 }
@@ -164,3 +172,7 @@ a {
 .pointer {
   cursor: pointer;
 }
+
+.bg-white-opacity {
+  background: rgba(255, 255, 255, 0.9);
+}
diff --git a/src/templates/blog.js b/src/templates/blog.js
index 69cfea4..17bb10b 100644
--- a/src/templates/blog.js
+++ b/src/templates/blog.js
@@ -14,17 +14,22 @@ class Blog extends Component {
         <div className="container mx-auto p-4 w-full md:flex md:flex-wrap items-stretch w-full">
           {data.allWordpressPost.edges.map(({ node }) => (
             <div key={node.id} className="mt-4 md:w-1/2 p-2">
-              <Card
-                url={`blog/${node.slug}`}
-                title={node.title}
-                date={node.date}
-                excerpt={node.excerpt}
-                image={
-                  node.featured_media
-                    ? node.featured_media.localFile.childImageSharp.resolutions
-                    : undefined
-                }
-              />
+              <Link
+                to={`blog/${node.slug}`}
+                className="pointer no-underline saburly-transition hover:opacity-50"
+              >
+                <Card
+                  title={node.title}
+                  date={node.date}
+                  excerpt={node.excerpt}
+                  image={
+                    node.featured_media
+                      ? node.featured_media.localFile.childImageSharp
+                          .resolutions
+                      : undefined
+                  }
+                />
+              </Link>
             </div>
           ))}
         </div>