How We Work component and stylistic changes

src/pages/index.js

@@ -11,6 +11,7 @@ import ImgIntro from '../images/software-consulting.svg'
 import ImgDesign from '../images/ux-ui-design-agency.svg'
 import ImgFullstack from '../images/fullstack-web-development-agency.svg'
 import ImgMobile from '../images/mobile-development-agency.svg'
+
 import LogoIBM from '../images/logo-ibm-color.svg'
 import LogoRicoh from '../images/logo-ricoh-color.svg'
 import LogoKinnarps from '../images/logo-kinnarps-color.svg'
@@ -32,9 +33,9 @@ const IndexPage = ({ ...props }) => (
     <main>
       <section className="container mx-auto max-w-lg text-center my-12 p-4">
         <SectionIntro
-          intro="Services"
+          intro="We do this"
           headline="Because great code makes our heart pound"
-          text="We have a deep passion for cutting edge technologies and incredible user experiences. We create custom end-to-end solutions that will make you stand out. Our skilled team can even help you with initial analysis, architecture design, testing and deployments"
+          text="We have a deep passion for cutting edge technologies and incredible user experiences. We create custom end-to-end solutions that will make you stand out. Our experienced tech leads can even help you with initial analysis, architecture design, testing and deployments"
         />
       </section>
 
@@ -51,7 +52,7 @@ const IndexPage = ({ ...props }) => (
         <Service
           img={ImgDesign}
           title="User Experience Design"
-          text="Our approach is simple: focus on how users can use the product in the best way possible. We offer UX and interface design for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
+          text="Our approach is simple: focus on how users might use the product in the best way possible. We offer UX and interface design for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
         />
 
         <Service
@@ -65,7 +66,7 @@ const IndexPage = ({ ...props }) => (
           img={ImgMobile}
           imgClasses="max-h-sm"
           title="Mobile App Development"
-          text="We have the necessary skillset to develop iOS and Android applications using both native languages and hybrid solutions. Solutions for iOS are built with Swift & Objective-C and Android solutions with Java & Kotlin. We enjoy using technologies such as React Native to build cross-platform native apps."
+          text="We have the necessary skillset to develop iOS and Android applications using both native languages and hybrid solutions. Solutions for iOS are built with Swift & Objective-C and Android solutions are built with Java & Kotlin. We love using technologies like React Native to build cross-platform native apps."
         />
 
         <div className="py-8 text-center lg:flex justify-center">
@@ -82,7 +83,7 @@ const IndexPage = ({ ...props }) => (
         <SectionIntro
           intro="Clients"
           headline="With ambitious projects comes great responsibility"
-          text="We think big, design smart and develop fast for teams of various sizes. Currently we’re serving everything from Fortune 500 companies to startups and we tailor our processes based on your scale and needs. We have helped some of the worlds leading enterprises and businesses bring ideas to life and we’re really interested in hearing what we can help you with"
+          text="We think big, design smart and develop fast for teams of various sizes. We have helped some of the worlds leading enterprises and businesses bring ideas to life and we’re really interested in hearing what we can help you with"
         />
         <div className="p-4 md:flex items-center max-w-full justify-center">
           <img

src/pages/services.js

@@ -2,6 +2,7 @@ import React from 'react'
 
 import PageIntro from '../components/PageIntro'
 import SectionIntro from '../components/SectionIntro'
+import WorkStyle from '../components/WorkStyle'
 
 const ServicesPage = () => (
   <div>
@@ -19,12 +20,7 @@ const ServicesPage = () => (
       />
     </section>
 
-    <section className="container mx-auto my-12 p-4">
-      <SectionIntro
-        headline="How we work"
-        text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
-      />
-    </section>
+    <WorkStyle />
   </div>
 )