diff --git a/package.json b/package.json index 84112aa..90b5bfa 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,10 @@ "react-responsive-mixin": "^0.4.0", "slideout": "^1.0.1", "tiny-slider": "^2.8.3", - "tiny-slider-react": "0.3.4" + "tiny-slider-react": "0.3.4", + "typeface-quicksand": "^0.0.54", + "typeface-roboto": "^0.0.54", + "typeface-roboto-condensed": "^0.0.54" }, "keywords": [ "gatsby" diff --git a/src/components/Footer.js b/src/components/Footer.js index 92192f1..6d41679 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -23,7 +23,7 @@ const Footer = () => ( Let's Connect - + Tell us about your project and get a free proposal ( {props.headline && (

{props.headline}

diff --git a/src/components/WorkStyle.js b/src/components/WorkStyle.js index ef58525..39425d6 100644 --- a/src/components/WorkStyle.js +++ b/src/components/WorkStyle.js @@ -13,11 +13,11 @@ const WorkStyle = ({ ...props }) => (
{props.children}
-
+
High Quality Code

High Quality Code

-

+

We have deep understanding of software engineering & computer science and we know what it takes to write high-quality, performant and maintainable code. Clean, readable, robust code is something we @@ -27,7 +27,7 @@ const WorkStyle = ({ ...props }) => (

High Quality Code

Continuous delivery

-

+

Deploying new code to production should not take weeks. We know how to build pipelines that allow code changes to be pushed to different cloud environments automatically. Deploying to production is as easy @@ -35,11 +35,11 @@ const WorkStyle = ({ ...props }) => (

-
+
High Quality Code

Modern DevOps

-

+

We like a "release early, release often" philosophy and to achieve this we use modern DevOps tools like Docker. But DevOps is not only about development and operations, it is also about quality. @@ -50,7 +50,7 @@ const WorkStyle = ({ ...props }) => (

High Quality Code

Code Reviews

-

+

“Two Heads are Better Than One”. Code reviews are integrated part of our process which makes catching bugs early before they event get merged into the code. We make sure each change is reviewed by @@ -58,11 +58,11 @@ const WorkStyle = ({ ...props }) => (

-
+
High Quality Code

UX testing/research

-

+

We know it takes more than just an user video or a survey to understand your user experience. We improve UX by watching how real customers interact with your interface (websites, mobile devices, @@ -73,7 +73,7 @@ const WorkStyle = ({ ...props }) => (

High Quality Code

Unit & Integration testing

-

+

Unit and integration testing are vital parts of the testing process. Having automated unit & integration tests is the key prerequisite for writing high-quality code at a fast pace. diff --git a/src/layouts/index.js b/src/layouts/index.js index 4249d98..843e704 100644 --- a/src/layouts/index.js +++ b/src/layouts/index.js @@ -5,6 +5,8 @@ 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-roboto-condensed') import '../styles/index.css' import '../styles/general.css' diff --git a/src/pages/contact.js b/src/pages/contact.js index 3608828..05de0a1 100644 --- a/src/pages/contact.js +++ b/src/pages/contact.js @@ -25,34 +25,38 @@ const ContactPage = () => (

Sarajevo City
-
- Saburly Office in Sarajevo +
+ office in Sarajevo
-
+
-

Adress

- Saburly d.o.o
- Hakije Turajlica 2
- 71 000 Sarajevo
- Bosnia & Herzegovina
+

Adress

+

+ Saburly d.o.o
+ Hakije Turajlica 2
+ 71 000 Sarajevo
+ Bosnia & Herzegovina
+

-

Contact

- Phone:{' '} - - +38761909238 - {' '} -
- E-mail:{' '} - - bosnia@saburly.com - {' '} +

Contact

+

+ Phone:{' '} + + +38761909238 + {' '} +
+ E-mail:{' '} + + bosnia@saburly.com + {' '} +

@@ -62,34 +66,38 @@ const ContactPage = () => (
Stockholm City
-
- Saburly Office in Stockholm +
+ office in Stockholm
-
+
-

Adress

- Saburly AB
- Vretenvägen 13
- 171 54 Solna
- Sweden
+

Adress

+

+ Saburly AB
+ Vretenvägen 13
+ 171 54 Solna
+ Sweden
+

-

Contact

- Phone:{' '} - - +46760477717 - -
- E-mail:{' '} - - sweden@saburly.com - {' '} +

Contact

+

+ Phone:{' '} + + +46760477717 + +
+ E-mail:{' '} + + sweden@saburly.com + {' '} +

diff --git a/src/pages/index.js b/src/pages/index.js index 3aee753..8269082 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -27,10 +27,10 @@ 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 you" + headline="We build delightful 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 lg:-mt-12" + imgClasses="-mb-20 md:-mt-12" />
@@ -45,7 +45,7 @@ const IndexPage = ({ ...props }) => (
@@ -54,6 +54,7 @@ const IndexPage = ({ ...props }) => ( img={ImgFullstack} title="Full-Stack Web Development" text="At Saburly, we are experts in modern web development using both client-side and server-side technologies. Our talented developers work with popular languages and are always up to speed on the cutting edge trends in web application development. We deliver high-quality, maintainable code on time and know how to balance between cost, time and quality." + imgClasses="-ml-12" /> (
{props.data.allWordpressPost.edges.map(({ node }) => ( diff --git a/src/pages/services.js b/src/pages/services.js index ec6a88b..996a26c 100644 --- a/src/pages/services.js +++ b/src/pages/services.js @@ -45,7 +45,7 @@ const ServicesPage = () => ( />
-

+

Conceptualization & Branding

@@ -56,7 +56,7 @@ const ServicesPage = () => (

-

UX & UI Design

+

UX & UI Design

We love to design pixel-perfect products that are easy to use and delightful to interact with. From User-Flows, Lo-Fi & Hi-Fi @@ -86,7 +86,7 @@ const ServicesPage = () => ( text="From infrastructure to AI, we develop data-driven Full-Stack applications for both custom software and third party solutions." />

-

Web development

+

Web development

We offer full-cycle web development services for the connected world. Our talented developers work with popular languages and @@ -94,7 +94,7 @@ const ServicesPage = () => (

-

Mobile & desktop apps

+

Mobile & desktop apps

Building competitive applications these days is challenging, but we believe that we have what it takes for both native languages @@ -105,7 +105,7 @@ const ServicesPage = () => (

-

DevOps

+

DevOps

Our DevOps team has experience working with the world leading hosting providers such as AWS and Google Cloud Platform. We @@ -117,7 +117,7 @@ const ServicesPage = () => (

-

Emerging Technologies

+

Emerging Technologies

We harness a wide array of emerging technologies, such as AR/VR, AI technologies, Machine Learning and Blockchain, pushing the diff --git a/src/styles/general.css b/src/styles/general.css index 64d4eb3..daabd6b 100644 --- a/src/styles/general.css +++ b/src/styles/general.css @@ -8,15 +8,15 @@ } .bg-saburly-lighter { - background: rgba(245, 247, 250, 1); + background: rgba(235, 235, 234, 0.4); } .bg-saburly-light { background: linear-gradient( 90deg, - rgba(255, 255, 255, 1) 0%, - rgba(245, 247, 250, 0.7) 49%, - rgba(245, 247, 250, 1) 100% + rgba(235, 235, 234, 0.4) 0%, + rgba(235, 235, 234, 0.4) 49%, + rgba(235, 235, 234, 0.4) 100% ); } @@ -25,9 +25,9 @@ @media (min-width: 992px) { background: linear-gradient( 90deg, - rgba(255, 255, 255, 1) 0%, - rgba(245, 247, 250, 0.7) 49%, - rgba(245, 247, 250, 1) 100% + rgba(235, 235, 234, 0.4) 0%, + rgba(235, 235, 234, 0.4) 49%, + rgba(235, 235, 234, 0.4) 100% ); } } @@ -37,8 +37,7 @@ background: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0%, - rgba(245, 247, 250, 0.7) 49%, - rgba(245, 247, 250, 1) 100% + rgba(235, 235, 234, 0.4) 100% ); } @@ -112,7 +111,7 @@ border-bottom: 1px solid rgba(255, 255, 255, 0.2); } -.border-saburly-header { +.bg-saburly-light-header { @media (max-width: 991px) { box-shadow: 0 4px 2px -2px #000000; } diff --git a/src/styles/index.css b/src/styles/index.css index c363f32..b4fe854 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -2741,7 +2741,11 @@ table { } .font-sans { - font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; +} + +.font-text { + font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .font-serif { @@ -2753,7 +2757,7 @@ table { } .font-body { - font-family: Open Sans; + font-family: roboto-condensed; } .font-hairline { @@ -7871,7 +7875,11 @@ table { } .sm\:font-sans { - font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + } + + .sm\:font-text { + font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .sm\:font-serif { @@ -7883,7 +7891,7 @@ table { } .sm\:font-body { - font-family: Open Sans; + font-family: roboto-condensed; } .sm\:font-hairline { @@ -12986,7 +12994,11 @@ table { } .md\:font-sans { - font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + } + + .md\:font-text { + font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .md\:font-serif { @@ -12998,7 +13010,7 @@ table { } .md\:font-body { - font-family: Open Sans; + font-family: roboto-condensed; } .md\:font-hairline { @@ -18101,7 +18113,11 @@ table { } .lg\:font-sans { - font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + } + + .lg\:font-text { + font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .lg\:font-serif { @@ -18113,7 +18129,7 @@ table { } .lg\:font-body { - font-family: Open Sans; + font-family: roboto-condensed; } .lg\:font-hairline { @@ -23216,7 +23232,11 @@ table { } .xl\:font-sans { - font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + } + + .xl\:font-text { + font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .xl\:font-serif { @@ -23228,7 +23248,7 @@ table { } .xl\:font-body { - font-family: Open Sans; + font-family: roboto-condensed; } .xl\:font-hairline { diff --git a/tailwind.config.js b/tailwind.config.js index 49a560a..75df00e 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -45,7 +45,7 @@ View the full documentation at https://tailwindcss.com. let colors = { transparent: 'transparent', - black: '#111111', + black: '#2d2d2d', 'black-light': '#333333', 'grey-darkest': '#3d4852', 'grey-darker': '#606f7b', @@ -191,6 +191,22 @@ module.exports = { fonts: { sans: [ + 'Roboto', + 'system-ui', + 'BlinkMacSystemFont', + '-apple-system', + 'Segoe UI', + 'Roboto', + 'Oxygen', + 'Ubuntu', + 'Cantarell', + 'Fira Sans', + 'Droid Sans', + 'Helvetica Neue', + 'sans-serif', + ], + text: [ + 'Roboto Condensed', 'system-ui', 'BlinkMacSystemFont', '-apple-system', @@ -224,7 +240,7 @@ module.exports = { 'Courier New', 'monospace', ], - body: ['Open Sans'], + body: ['roboto-condensed'], }, /* diff --git a/yarn.lock b/yarn.lock index 272a3e2..e171872 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9303,6 +9303,18 @@ typedarray@^0.0.6: version "0.0.6" resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" +typeface-quicksand@^0.0.54: + version "0.0.54" + resolved "https://registry.yarnpkg.com/typeface-quicksand/-/typeface-quicksand-0.0.54.tgz#d8f60bcfbea663cda97a0e973f24e6c35d76561a" + +typeface-roboto-condensed@^0.0.54: + version "0.0.54" + resolved "https://registry.yarnpkg.com/typeface-roboto-condensed/-/typeface-roboto-condensed-0.0.54.tgz#4e0d5d24ed95e1e2efa7fcf55b8a9ceaa5bd2be7" + +typeface-roboto@^0.0.54: + version "0.0.54" + resolved "https://registry.yarnpkg.com/typeface-roboto/-/typeface-roboto-0.0.54.tgz#8f02c9a18d1cfa7f49381a6ff0d21ff061f38ad2" + ua-parser-js@^0.7.18: version "0.7.18" resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.18.tgz#a7bfd92f56edfb117083b69e31d2aa8882d4b1ed"