import React from 'react'

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

const AboutPage = () => (
  <div>
    <PageIntro
      intro="About Us"
      headline="Founded By Software Engineers"
      text="focused on creating solutions that make valuable impact"
      sectionClasses="mb-16 lg:mb-8"
    />

    <section className="container mx-auto my-12 p-4">
      <SectionIntro
        headline="Meaning of Saburly"
        text="Cillum non quis aliquip ullamco consectetur ullamco voluptate ad enim qui voluptate officia qui. Ut duis consectetur consectetur culpa sint proident irure magna ipsum. Consectetur magna exercitation sunt Lorem amet quis."
      />
    </section>

    <section className="container mx-auto my-12 p-4">
      <SectionIntro
        headline="Our goal is long-term engagement"
        text="We are a small company with a personal touch that knows our stuff. Our people have T-shaped profiles which means that they combine a deep specialism with a broad range of knowledge and skills."
      />
    </section>
  </div>
)

export default AboutPage