About page markup

src/pages/about.js

@@ -1,8 +1,32 @@
 import React from 'react'
 
+import PageIntro from '../components/PageIntro'
+import SectionIntro from '../components/SectionIntro'
+
 const AboutPage = () => (
   <div>
-    <h1>About page</h1>
+    <PageIntro
+      intro="THE TEAM"
+      headline="Founded by Software Engineers"
+      text="Aenean eu nibh nisi. Etiam orci mauris, viverra sed turpis ac, viverra tristique odio. Proin suscipit nulla enim, ac tempus ante viverra quis."
+      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. We know 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>
 )
 

src/pages/services.js

@@ -5,7 +5,7 @@ import SectionIntro from '../components/SectionIntro'
 
 const ServicesPage = () => (
   <div>
-  <PageIntro intro="Services" headline="Agile Practitioners" text="Agile isn’t simply a methodology whose principles and values we follow in our software development process. It’s how we work." sectionClasses="mb-16 lg:mb-8" />
+  <PageIntro intro="Services" headline="Agile Practitioners" text="Agile isn’t simply a methodology whose principles and values we follow in our software development process. It’s how we work" sectionClasses="mb-16 lg:mb-8" />
 
   <section className="container mx-auto my-12 p-4">
         <SectionIntro