Contact page base structure

src/pages/contact.js

@@ -1,8 +1,22 @@
 import React from 'react'
 
+import PageIntro from '../components/PageIntro'
+import SectionIntro from '../components/SectionIntro'
+
 const ContactPage = () => (
   <div>
-    <h1>Contact page</h1>
+  <PageIntro intro="Contact" headline="Let's Connect" text="We're looking forward to make something awesome together" sectionClasses="mb-16 lg:mb-8" />
+
+  <section className="container mx-auto my-12 p-4">
+        <SectionIntro
+          headline="We're looking forward to make something awesome together."
+          text="Use the form below and  back to you soon."
+        />
+
+        <p>Request a Video Call</p>
+        <p>Request a proposal</p>
+        <p>Old-fashioned phone calls work too - +...</p>
+      </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="Skilled & Creative Digital Agency" text="with a mission is to make our clients stand out" sectionClasses="mb-16 lg:mb-8" />
 
   <section className="container mx-auto my-12 p-4">
         <SectionIntro