From ce3b366da2e5352928cb878be8cd56710f219868 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Wed, 1 Aug 2018 22:56:01 +0200
Subject: [PATCH] Minor stylistic changes

---
 src/components/Service.js |  2 +-
 src/pages/contact.js      | 10 +++++-----
 src/pages/index.js        |  4 ++--
 src/pages/services.js     |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Service.js b/src/components/Service.js
index 2a7059c..74d9b76 100644
--- a/src/components/Service.js
+++ b/src/components/Service.js
@@ -3,7 +3,7 @@ import InfoBox from './InfoBox'
 
 const Service = ({ ...props }) => (
   <div
-    className={`md:flex ${
+    className={`md:flex ${props.classes} ${
       props.reversed ? 'flex-row-reverse' : ''
     } items-center justify-center m-auto`}
   >
diff --git a/src/pages/contact.js b/src/pages/contact.js
index b48886d..2758b18 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -25,7 +25,7 @@ const ContactPage = () => (
               className="appearance-none block w-full bg-grey-lightest text-grey-darker border rounded py-3 px-4"
               id="grid-first-name"
               type="text"
-              placeholder="Jane"
+              placeholder="Name"
               required
             />
           </div>
@@ -41,7 +41,7 @@ const ContactPage = () => (
               className="appearance-none block w-full bg-grey-lightest text-grey-darker border rounded py-3 px-4"
               id="grid-last-name"
               type="email"
-              placeholder="Doe"
+              placeholder="name@domain.com"
               required
             />
           </div>
@@ -57,17 +57,17 @@ const ContactPage = () => (
               className="appearance-none block w-full bg-grey-lightest text-grey-darker border rounded py-3 px-4"
               id="grid-last-name"
               type="text"
-              placeholder="Doe"
+              placeholder="Message..."
               required
             />
           </div>
         </div>
 
         <button
-          className="w-full shadow bg-green hover:bg-green-light text-white font-bold py-2 px-4 rounded"
+          className="w-full shadow bg-teal hover:bg-teal-light text-white font-bold py-2 px-4 rounded"
           type="submit"
         >
-          Send Mail
+          Send
         </button>
       </form>
 
diff --git a/src/pages/index.js b/src/pages/index.js
index d943a07..8c8c63a 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -27,8 +27,8 @@ const IndexPage = ({ ...props }) => (
       url="/contact"
       buttonClasses="text-white font-normal shadow hover:shadow-md rounded-full mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
       intro="Welcome To Saburly"
-      headline="We build the right software for your business goals"
-      text="We are a team of highly experienced, creative and passionate engineers. Our mission is clear: to make you stand out and gain competitive advantages with the help of modern technologies."
+      headline="We build the right software for you"
+      text="Saburly is a team of highly experienced, creative and passionate engineers. Our mission is clear: to make you stand out and gain competitive advantages with the help of modern technologies."
       image={ImgIntro}
     />
 
diff --git a/src/pages/services.js b/src/pages/services.js
index f8a04fe..171aa6b 100644
--- a/src/pages/services.js
+++ b/src/pages/services.js
@@ -74,7 +74,7 @@ const ServicesPage = () => (
       <WorkStyle />
     </div>
 
-    <div className="bg-indigo-darkest text-center py-4 lg:px-4">
+    <div className="bg-saburly-dark text-center py-4 lg:px-4">
       <Link className="no-underline text-white" to="/contact">
         <div
           className="p-2 bg-saburly-dark items-center text-indigo-lightest leading-none lg:rounded-full flex lg:inline-flex"