Minor stylistic changes

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`}
   >

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>
 

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}
     />
 

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"