Adding page transitions, image tilting option and design tweaks

src/pages/services.js

@@ -11,9 +11,12 @@ import WebdevServices from '../images/custom-software-development.svg'
 import UXdesign from '../images/user-experience-design-services.svg'
 import HowWeWork from '../images/flexible-workflow.svg'
 
+import PageTransition from 'gatsby-plugin-page-transitions'
+
 const ServicesPage = () => (
-  <div>
+  <PageTransition>
     <PageIntro
+      tiltImage
       buttonClasses="text-white font-normal shadow hover:shadow-md rounded-full mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
       headline="Agile Practitioners"
       text="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity. Our flexible processes ensure high productivity and we know how to balance between cost, time and quality."
@@ -150,7 +153,7 @@ const ServicesPage = () => (
       </div>
       <WorkStyle />
     </div>
-  </div>
+  </PageTransition>
 )
 
 export default ServicesPage