SEO performance, remove fading effect and messenger

src/pages/services.js

@@ -5,7 +5,6 @@ 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 SEO from '../components/SEO'
 
 import IntroImage from '../images/agile-practitioners.jpg'
@@ -31,7 +30,6 @@ const ServicesPage = () => (
       imgClasses="-mb-12 border-white rounded-lg"
     />
     <section className="px-4 py-16">
-      <Fade>
         <div className="container mx-auto">
           <div className="lg:flex">
             <img
@@ -85,12 +83,10 @@ const ServicesPage = () => (
             </SectionIntro>
           </div>
         </div>
-      </Fade>
     </section>
 
     <section className="bg-saburly relative bg-saburly-lighter px-4 p-16 ">
       <div className="container mx-auto">
-        <Fade>
           <div className="lg:flex">
             <div>
               <SectionIntro
@@ -143,8 +139,6 @@ const ServicesPage = () => (
               alt="Fullstack Web Development Agency"
             />
           </div>
-        </Fade>
-        <Fade>
           <div className="p-8 my-4 bg-white border-bottom-saburly">
             <h3 className={headerClasses}>Emerging Technologies</h3>
             <p className={textClasses}>
@@ -161,11 +155,9 @@ const ServicesPage = () => (
             </p>
             <Technologies />
           </div>
-        </Fade>
       </div>
     </section>
 
-    <Fade>
       <div className="px-4 py-16 bg-saburly-fadeout">
         <div className="container mx-auto xl:flex justify-center items-center">
           <SectionIntro
@@ -179,7 +171,6 @@ const ServicesPage = () => (
         </div>
         <WorkStyle />
       </div>
-    </Fade>
   </PageTransition>
 )