Design changes and font update

package.json

@@ -19,6 +19,7 @@
     "slideout": "^1.0.1",
     "tiny-slider": "^2.8.3",
     "tiny-slider-react": "0.3.4",
+    "typeface-maven-pro": "^0.0.54",
     "typeface-quicksand": "^0.0.54",
     "typeface-roboto": "^0.0.54",
     "typeface-roboto-condensed": "^0.0.54",

src/layouts/index.js

@@ -5,8 +5,7 @@ import Helmet from 'react-helmet'
 import Header from '../components/Header'
 import Footer from '../components/Footer'
 import SideMenu from '../components/SideMenu'
-require('typeface-roboto')
+require('typeface-maven-pro')
-require('typeface-roboto-condensed')
 import '../styles/index.css'
 import '../styles/general.css'
 

src/pages/contact.js

@@ -12,7 +12,7 @@ const ContactPage = () => (
   <div>
     <PageIntro
       headline="Let's discover possibilities"
-      text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just find out more about what we do"
+      text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just find out more about what we do."
       sectionClasses="lg:mb-8"
       image={ContactImage}
       imgClasses="-mb-20 lg:-mt-12 tilted md:p-10"

src/pages/index.js

@@ -27,7 +27,7 @@ const IndexPage = ({ ...props }) => (
       buttonText="Let's Connect"
       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"
-      headline="We build delightful software"
+      headline="We build great software"
       text="We're a team of experienced, creative and passionate engineers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
       image={ImgIntro}
       imgClasses="-mb-20 md:-mt-12"
@@ -37,7 +37,7 @@ const IndexPage = ({ ...props }) => (
     <main>
       <section className="container mx-auto max-w-lg text-center my-12 p-4">
         <SectionIntro
-          headline="Because great code makes our heart pound"
+          headline="Because beautiful code makes our heart pound"
           text="We have a deep passion for cutting edge technologies and incredible user experiences. Our experienced engineers 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

@@ -31,7 +31,7 @@ const ServicesPage = () => (
           <SectionIntro
             classes="max-w-lg"
             headline="Design services"
-            text="At Saburly, we offer consistent quality that extends to every section of the application development. Our approach is simple: focus on how users might use the product
+            text="We offer consistent quality that extends to every section of the application development. Our approach is simple: focus on how users might use the product
               in the best way possible. The solutions are usually shaped
               through iterative processes of research, prototyping and
               testing. All devices and screen sizes are welcome

src/styles/index.css

@@ -2741,7 +2741,7 @@ table {
 }
 
 .font-sans {
-  font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  font-family: Maven Pro, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
 
 .font-text {
@@ -7875,7 +7875,7 @@ table {
   }
 
   .sm\:font-sans {
-    font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: Maven Pro, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .sm\:font-text {
@@ -12994,7 +12994,7 @@ table {
   }
 
   .md\:font-sans {
-    font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: Maven Pro, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .md\:font-text {
@@ -18113,7 +18113,7 @@ table {
   }
 
   .lg\:font-sans {
-    font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: Maven Pro, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .lg\:font-text {
@@ -23232,7 +23232,7 @@ table {
   }
 
   .xl\:font-sans {
-    font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: Maven Pro, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .xl\:font-text {

tailwind.config.js

@@ -191,7 +191,7 @@ module.exports = {
 
   fonts: {
     sans: [
-      'Roboto',
+      'Maven Pro',
       'system-ui',
       'BlinkMacSystemFont',
       '-apple-system',

yarn.lock

@@ -9375,6 +9375,10 @@ typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
 
+typeface-maven-pro@^0.0.54:
+  version "0.0.54"
+  resolved "https://registry.yarnpkg.com/typeface-maven-pro/-/typeface-maven-pro-0.0.54.tgz#7ef991257cf53c0fa75142d2aefcddcbd867ff7c"
+
 typeface-quicksand@^0.0.54:
   version "0.0.54"
   resolved "https://registry.yarnpkg.com/typeface-quicksand/-/typeface-quicksand-0.0.54.tgz#d8f60bcfbea663cda97a0e973f24e6c35d76561a"