Quickfix reveal effect

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">

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'

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'

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'

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">