Adding page transitions, image tilting option and design tweaks

src/pages/index.js

@@ -20,8 +20,10 @@ import LogoRicoh from '../images/logo-ricoh-color.svg'
 import LogoKinnarps from '../images/logo-kinnarps-color.svg'
 import LogoCoor from '../images/logo-coor-color.svg'
 
+import PageTransition from 'gatsby-plugin-page-transitions'
+
 const IndexPage = ({ ...props }) => (
-  <div>
+  <PageTransition>
     <PageIntro
       text="We're a team of experienced, creative and passionate engineers and designers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
       image={ImgIntro}
@@ -138,7 +140,7 @@ const IndexPage = ({ ...props }) => (
         />
       </section>
     </main>
-  </div>
+  </PageTransition>
 )
 
 export const query = graphql`