Change SEO meta images

src/components/SEO.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import Helmet from 'react-helmet'
-import ImgIntro from '../images/web-development-company.svg'
+import ImgIntro from '../images/saburly.jpg'
 
 class SEO extends Component {
   render() {

src/pages/about.js

@@ -25,7 +25,6 @@ const AboutPage = () => (
     <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}
       siteUrl="https://saburly.com/about"
     />
     <PageIntro

src/pages/contact.js

@@ -17,7 +17,6 @@ const ContactPage = () => (
     <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}
       siteUrl="https://saburly.com/contact"
     />
     <PageIntro

src/pages/index.js

@@ -32,7 +32,6 @@ const IndexPage = ({ ...props }) => (
     <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}
       siteUrl="https://saburly.com"
     />
     <PageIntro
@@ -57,9 +56,9 @@ const IndexPage = ({ ...props }) => (
       <section className="container mx-auto max-w-lg text-center mt-16 p-4">
         <SectionIntro
           classes="my-10"
-          h2Classes="text-3xl xsm:text-4xl sm:text-5xl"
+          h2Classes="text-3xl xsm:text-4xl sm:text-6xl"
           headline="Because beautiful code makes our heart pound"
-          text="What gets us going is our passion for cutting edge technologies and incredible user experiences. We transform frustrations into features and headaches into highlights. And we do it all through our UX design and development process, by coupling form and function to develop world-class websites and apps for businesses of all sizes and sectors."
+          text="What gets us going is our passion for cutting edge technologies and incredible user experiences. Our developers deliver custom end-to-end software solutions daily and can even help you with initial analysis, architecture design, testing and deployments."
         />
       </section>
 

src/pages/services.js

@@ -19,7 +19,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} siteUrl="https://saburly.com/services" />
+  <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" siteUrl="https://saburly.com/services" />
     <PageIntro
       tiltImage
       straight

src/styles/index.css

@@ -5486,6 +5486,10 @@ table {
   font-size: 3.07rem;
 }
 
+.text-6xl {
+  font-size: 3.77rem;
+}
+
 .italic {
   font-style: italic;
 }
@@ -10640,6 +10644,10 @@ table {
     font-size: 3.07rem;
   }
 
+  .xsm\:text-6xl {
+    font-size: 3.77rem;
+  }
+
   .xsm\:italic {
     font-style: italic;
   }
@@ -15795,6 +15803,10 @@ table {
     font-size: 3.07rem;
   }
 
+  .sm\:text-6xl {
+    font-size: 3.77rem;
+  }
+
   .sm\:italic {
     font-style: italic;
   }
@@ -20950,6 +20962,10 @@ table {
     font-size: 3.07rem;
   }
 
+  .md\:text-6xl {
+    font-size: 3.77rem;
+  }
+
   .md\:italic {
     font-style: italic;
   }
@@ -26105,6 +26121,10 @@ table {
     font-size: 3.07rem;
   }
 
+  .lg\:text-6xl {
+    font-size: 3.77rem;
+  }
+
   .lg\:italic {
     font-style: italic;
   }
@@ -31260,6 +31280,10 @@ table {
     font-size: 3.07rem;
   }
 
+  .xl\:text-6xl {
+    font-size: 3.77rem;
+  }
+
   .xl\:italic {
     font-style: italic;
   }

tailwind.config.js

@@ -271,6 +271,7 @@ module.exports = {
     '3xl': '1.875rem', // 30px
     '4xl': '2.25rem', // 36px
     '5xl': '3.07rem', // 48px
+    '6xl': '3.77rem',
   },
 
   /*