diff --git a/src/pages/about.js b/src/pages/about.js
index eea3fd0..7a4409e 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -1,44 +1,50 @@
 import React, { Component } from 'react'
-
 import PageIntro from '../components/PageIntro'
 import SectionIntro from '../components/SectionIntro'
 
+import PageTransition from 'gatsby-plugin-page-transitions'
+import Fade from 'react-reveal/fade'
+
 import IntroImage from '../images/web-development-consultants.jpg'
 import MeaningSaburly from '../images/coding-tutorials-patience.svg'
 
-import PageTransition from 'gatsby-plugin-page-transitions'
-
 const AboutPage = () => (
   <PageTransition>
-    <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."
-      image={IntroImage}
-      imgClasses="border-white border-8 rounded -mb-12"
-    />
+    <Fade top>
+      <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."
+        image={IntroImage}
+        imgClasses="border-white border-8 rounded -mb-12"
+      />
+    </Fade>
 
     <section className="container mx-auto my-12 p-4">
-      <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>
+      <Fade left>
+        <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>
+      </Fade>
     </section>
 
     <section className="container mx-auto my-12 p-4">
-      <SectionIntro
-        h2Classes="text-5xl"
-        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."
-      />
+      <Fade>
+        <SectionIntro
+          h2Classes="text-5xl"
+          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."
+        />
+      </Fade>
     </section>
   </PageTransition>
 )