From b1236f42d36ff5a3d9a4ebec48c95a4f75f89cb6 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Sun, 2 Sep 2018 09:08:24 +0200
Subject: [PATCH] Quickfix reveal effect

---
 src/components/Footer.js | 2 +-
 src/pages/about.js       | 2 +-
 src/pages/contact.js     | 2 +-
 src/pages/index.js       | 2 +-
 src/pages/services.js    | 8 ++++----
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Footer.js b/src/components/Footer.js
index 7085711..fd149ee 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -20,7 +20,7 @@ const Footer = () => (
           className="p-2 items-center text-white leading-none lg:rounded-full flex lg:inline-flex"
           role="alert"
         >
-          <span className="flex bg-teal hover:bg-teal-dark saburly-transition rounded-full uppercase px-3 py-1 text-xs font-bold mr-3">
+          <span className="flex bg-teal hover:bg-teal-dark saburly-transition rounded-full uppercase px-3 py-2 text-xs font-bold mr-3">
             Let's Connect
           </span>
           <span className="font-normal mr-2 hover:opacity-80 saburly-transition text-left flex-auto">
diff --git a/src/pages/about.js b/src/pages/about.js
index be52802..3f9666e 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -3,7 +3,7 @@ import PageIntro from '../components/PageIntro'
 import SectionIntro from '../components/SectionIntro'
 
 import PageTransition from 'gatsby-plugin-page-transitions'
-import Fade from 'react-reveal/fade'
+import Fade from 'react-reveal/Fade'
 
 import IntroImage from '../images/web-development-consultants.jpg'
 import MeaningSaburly from '../images/coding-tutorials-patience.svg'
diff --git a/src/pages/contact.js b/src/pages/contact.js
index 085464f..705b03a 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -2,7 +2,7 @@ import React from 'react'
 
 import SectionIntro from '../components/SectionIntro'
 import PageIntro from '../components/PageIntro'
-import Fade from 'react-reveal/fade'
+import Fade from 'react-reveal/Fade'
 
 import ContactImage from '../images/saburly-web-agency.jpg'
 import Sarajevo from '../images/sarajevo-web-agency.jpg'
diff --git a/src/pages/index.js b/src/pages/index.js
index 1d439ea..1624989 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -8,7 +8,7 @@ import PageIntro from '../components/PageIntro'
 import InfoBox from '../components/InfoBox'
 import Technologies from '../components/Technologies'
 import Typed from 'react-typed'
-import Fade from 'react-reveal/fade'
+import Fade from 'react-reveal/Fade'
 
 import ImgIntro from '../images/web-development-company.svg'
 import ImgDesign from '../images/user-experience-design-agency.svg'
diff --git a/src/pages/services.js b/src/pages/services.js
index 1089448..7cd49de 100644
--- a/src/pages/services.js
+++ b/src/pages/services.js
@@ -5,7 +5,7 @@ import PageIntro from '../components/PageIntro'
 import SectionIntro from '../components/SectionIntro'
 import WorkStyle from '../components/WorkStyle'
 import Technologies from '../components/Technologies'
-import Fade from 'react-reveal/fade'
+import Fade from 'react-reveal/Fade'
 
 import IntroImage from '../images/agile-practitioners.jpg'
 import WebdevServices from '../images/custom-software-development.svg'
@@ -27,7 +27,7 @@ const ServicesPage = () => (
       />
     </Fade>
     <section className="px-4 py-16">
-      <Fade left>
+      <Fade>
         <div className="container mx-auto">
           <div className="lg:flex">
             <img
@@ -86,7 +86,7 @@ const ServicesPage = () => (
 
     <section className="bg-saburly relative bg-saburly-lighter px-4 py-16">
       <div className="container mx-auto">
-        <Fade right>
+        <Fade>
           <div className="lg:flex">
             <div>
               <SectionIntro
@@ -138,7 +138,7 @@ const ServicesPage = () => (
             />
           </div>
         </Fade>
-        <Fade bottom>
+        <Fade>
           <div className="p-8 my-4 bg-white border-bottom-saburly">
             <h3 className="my-1 text-black text-3xl">Emerging Technologies</h3>
             <p className="font-light leading-normal text-black-light text-lg">