import React from 'react'

import PageIntro from '../components/PageIntro'
import SectionIntro from '../components/SectionIntro'
import WorkStyle from '../components/WorkStyle'

const ServicesPage = () => (
  <div>
    <PageIntro
      intro="Services"
      headline="Experienced Digital Agency"
      text="with a mission is to make our clients stand out"
      sectionClasses="mb-16 lg:mb-8"
    />

    <section className="container mx-auto text-center my-12 p-4">
      <SectionIntro
        headline="Full-stack software development"
        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>

    <div className="bg-grey-lighter p-10">
      <section className="container mx-auto text-center">
        <SectionIntro
          headline="How We Work"
          text="We are serving everything from Fortune 500 companies to startups and tailor our processes based on your scale and needs. We collaborate closely with our clients at each step of the development process and make sure that the solutions delivery great value and meet your specific business requirements"
        />
      </section>
      <WorkStyle />
    </div>
  </div>
)

export default ServicesPage