Changing saburly images first draft, stylistic changes

src/components/Card.js

@@ -7,7 +7,7 @@ const Card = ({ ...props }) => (
   <article className="h-full w-full rounded overflow-hidden shadow bg-white border-bottom-saburly hover:shadow-md">
     <Link
       to={props.url}
-      className="no-underline saburly-transition hover:opacity-50"
+      className="pointer no-underline saburly-transition hover:opacity-50"
     >
       {props.image ? (
         <img className="w-full" src={props.image.src} />

src/components/PageIntro.js

@@ -29,7 +29,7 @@ class PageIntro extends Component {
           />
         </svg>
         <div
-          className={`relative container mx-auto items-center flex lg:flex-row flex-col ${
+          className={`relative container mx-auto items-center flex lg:flex-row justify-between flex-col ${
             this.props.reversed ? 'flex-col-reverse' : ''
           } p-4`}
         >

src/pages/about.js

@@ -3,7 +3,7 @@ import React, { Component } from 'react'
 import PageIntro from '../components/PageIntro'
 import SectionIntro from '../components/SectionIntro'
 
-import IntroImage from '../images/web-development-consultancy.jpg'
+import IntroImage from '../images/web-development-consultants.jpg'
 import MeaningSaburly from '../images/coding-tutorial-patience.svg'
 
 import PageTransition from 'gatsby-plugin-page-transitions'

src/pages/contact.js

@@ -3,7 +3,7 @@ import React from 'react'
 import SectionIntro from '../components/SectionIntro'
 import PageIntro from '../components/PageIntro'
 
-import ContactImage from '../images/saburly-web-agency-group.jpg'
+import ContactImage from '../images/saburly-web-agency.jpg'
 import Sarajevo from '../images/sarajevo-web-agency.jpg'
 import Stockholm from '../images/stockholm-web-agency.jpg'
 import FormImage from '../images/contact-web-consultancy.svg'

src/pages/services.js

@@ -6,7 +6,7 @@ import SectionIntro from '../components/SectionIntro'
 import WorkStyle from '../components/WorkStyle'
 import Technologies from '../components/Technologies'
 
-import IntroImage from '../images/saburly-web-agency-group.jpg'
+import IntroImage from '../images/agile-practitioners.jpg'
 import WebdevServices from '../images/custom-software-development.svg'
 import UXdesign from '../images/user-experience-design-services.svg'
 import HowWeWork from '../images/custom-software-workflow.svg'
@@ -21,7 +21,7 @@ const ServicesPage = () => (
       headline="Agile Practitioners"
       text="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity. Our flexible processes ensure high productivity and we know how to balance between cost, time and quality."
       image={IntroImage}
-      imgClasses="-mb-12 border-white border-8 rounded"
+      imgClasses="-mb-12 border-white border-8 rounded-lg"
     />
     <section className="px-4 py-16">
       <div className="container mx-auto">

src/styles/general.css

@@ -46,8 +46,8 @@ body {
   background: rgb(255, 255, 255);
   background: linear-gradient(
     180deg,
-    RGBA(116, 68, 207, 1) 0%,
-    RGBA(87, 99, 171, 1) 100%
+    RGBA(87, 99, 171, 1) 0%,
+    RGBA(78, 89, 154, 1) 100%
   );
 }
 
@@ -152,3 +152,7 @@ a li,
 a {
   transition: all 0.25s ease;
 }
+
+.pointer {
+  cursor: pointer;
+}

src/templates/blog.js

@@ -11,11 +11,6 @@ class Blog extends Component {
     const data = this.props.data
     return (
       <PageTransition>
-        <PageIntro
-          headline="Bugs keep us busy"
-          text="but occasionally we have fun & publish"
-          sectionClasses="mb-16 lg:mb-4"
-        />
         <div className="container mx-auto p-4 w-full md:flex md:flex-wrap items-stretch w-full">
           {data.allWordpressPost.edges.map(({ node }) => (
             <div key={node.id} className="mt-4 md:w-1/2 p-2">