From 702c80cdddd12af9a2088357869087597d40d506 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Wed, 12 Sep 2018 13:57:38 +0200
Subject: [PATCH] Basic SEO implementation

---
 src/components/SEO.js | 4 ++--
 src/pages/about.js    | 2 ++
 src/pages/contact.js  | 2 ++
 src/pages/index.js    | 2 +-
 src/pages/services.js | 2 ++
 src/templates/blog.js | 2 ++
 6 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/SEO.js b/src/components/SEO.js
index fc3cbbf..9f7da15 100644
--- a/src/components/SEO.js
+++ b/src/components/SEO.js
@@ -8,11 +8,11 @@ const SEO = ({ ...props }) => (
     <title>
       {props.siteTitle
         ? props.siteTitle
-        : 'Saburly - Digital Agency that makes you stand out'}
+        : 'Saburly - App Development & Mobile Design agency that makes you stand out'}
     </title>
     <meta name="description" content={props.siteDescription} />
     <meta name="image" content={props.siteImage ? props.siteImage : ImgIntro} />
   </Helmet>
 )
 
-export default SEO
+export default SEO
\ No newline at end of file
diff --git a/src/pages/about.js b/src/pages/about.js
index 60e31f6..add0e4f 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -5,6 +5,7 @@ import SectionIntro from '../components/SectionIntro'
 import PageTransition from 'gatsby-plugin-page-transitions'
 import Fade from 'react-reveal/Fade'
 import Card from '../components/Card'
+import SEO from '../components/SEO'
 
 import IntroImage from '../images/web-development-consultants.jpg'
 import MeaningSaburly from '../images/coding-tutorials-patience.svg'
@@ -22,6 +23,7 @@ import Nedim from '../images/developer-nedim.svg'
 
 const AboutPage = () => (
   <PageTransition>
+  <SEO siteTitle="Saburly - About Us" siteDescription="Saburly was founded by senior tech leads that understand what it takes to create modern digital solutions" siteImage={IntroImage} />
     <PageIntro
       tiltImage
       headline="We know software"
diff --git a/src/pages/contact.js b/src/pages/contact.js
index eeb56a5..4bbe1e3 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -4,6 +4,7 @@ import SectionIntro from '../components/SectionIntro'
 import PageIntro from '../components/PageIntro'
 import Fade from 'react-reveal/Fade'
 import Card from '../components/Card'
+import SEO from '../components/SEO'
 
 import ContactImage from '../images/saburly-web-agency.jpg'
 import Sarajevo from '../images/sarajevo-web-agency.jpg'
@@ -14,6 +15,7 @@ import PageTransition from 'gatsby-plugin-page-transitions'
 
 const ContactPage = () => (
   <PageTransition>
+  <SEO siteTitle="Saburly - Contact Us" siteDescription="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just have any questions" siteImage={ContactImage} />
     <PageIntro
       tiltImage
       headline="Let's connect"
diff --git a/src/pages/index.js b/src/pages/index.js
index 78cb0b4..d63d1a1 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -30,7 +30,7 @@ import PageTransition from 'gatsby-plugin-page-transitions'
 
 const IndexPage = ({ ...props }) => (
   <PageTransition>
-    <SEO />
+    <SEO siteTitle="Saburly - App Development & Mobile Design agency that makes you stand out" siteDescription="We're in the business of solving real-world problems with digital solutions. Our mission is to make you stand out with the help of modern technologies" siteImage={ImgIntro} />
     <PageIntro
       text="We're in the business of solving real-world problems with digital solutions. Our mission is 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 4c3e564..42e7f1d 100644
--- a/src/pages/services.js
+++ b/src/pages/services.js
@@ -6,6 +6,7 @@ import SectionIntro from '../components/SectionIntro'
 import WorkStyle from '../components/WorkStyle'
 import Technologies from '../components/Technologies'
 import Fade from 'react-reveal/Fade'
+import SEO from '../components/SEO'
 
 import IntroImage from '../images/agile-practitioners.jpg'
 import WebdevServices from '../images/custom-software-development.svg'
@@ -19,6 +20,7 @@ let textClasses="font-serif opacity-80 font-light leading-normal text-black-ligh
 
 const ServicesPage = () => (
   <PageTransition>
+  <SEO siteTitle="Saburly - Design, App Development & Mobile Design Services" siteDescription="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity" siteImage={IntroImage} />
     <PageIntro
       tiltImage
       straight
diff --git a/src/templates/blog.js b/src/templates/blog.js
index 17bb10b..6d5dbb5 100644
--- a/src/templates/blog.js
+++ b/src/templates/blog.js
@@ -3,6 +3,7 @@ import Link from 'gatsby-link'
 
 import PageIntro from '../components/PageIntro'
 import Card from '../components/Card'
+import SEO from '../components/SEO'
 
 import PageTransition from 'gatsby-plugin-page-transitions'
 
@@ -11,6 +12,7 @@ class Blog extends Component {
     const data = this.props.data
     return (
       <PageTransition>
+      <SEO siteTitle="Saburly - Blog Posts" siteDescription="Bugs keep us busy, but sometimes we find the time to have fun & publish" />
         <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">