From c652122447294327a790761614ade667d2df3bc4 Mon Sep 17 00:00:00 2001 From: Moris Zen Date: Wed, 29 Aug 2018 18:20:16 +0200 Subject: [PATCH] Updating all illustrations on first page and design changes --- src/components/InfoBox.js | 2 +- src/components/SectionIntro.js | 4 +- .../fullstack-web-development-agency.svg | 538 +++++++++--------- src/images/mobile-app-development-company.svg | 269 +++++++++ src/images/user-experience-design-agency.svg | 232 ++++++++ src/images/web-development-company.svg | 269 +++++++++ src/pages/index.js | 14 +- 7 files changed, 1048 insertions(+), 280 deletions(-) create mode 100644 src/images/mobile-app-development-company.svg create mode 100644 src/images/user-experience-design-agency.svg create mode 100644 src/images/web-development-company.svg diff --git a/src/components/InfoBox.js b/src/components/InfoBox.js index 778e4cc..b833942 100644 --- a/src/components/InfoBox.js +++ b/src/components/InfoBox.js @@ -3,7 +3,7 @@ import Link from 'gatsby-link' const InfoBox = ({ ...props }) => (
-

{props.headline}

+

{props.headline}

{props.text}

diff --git a/src/components/SectionIntro.js b/src/components/SectionIntro.js index c5ab1e3..6d60193 100644 --- a/src/components/SectionIntro.js +++ b/src/components/SectionIntro.js @@ -17,12 +17,12 @@ const IntroDefault = ({ ...props }) => ( )} {props.headline && ( -

{props.headline} -

+ )} {props.text && (

- - - hero marketing 9-01 + + + fullstack-web-development-agency Created with Sketch. - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 00 - 00 - 0 - - - - - 00 - 00 - 0 - - - - - - 00 - 00 - 0 - - - - - - 00 - 00 - 0 - - - - - - 00 - 00 - 0 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/mobile-app-development-company.svg b/src/images/mobile-app-development-company.svg new file mode 100644 index 0000000..8e7e5de --- /dev/null +++ b/src/images/mobile-app-development-company.svg @@ -0,0 +1,269 @@ + + + + mobile-app-development-company + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/user-experience-design-agency.svg b/src/images/user-experience-design-agency.svg new file mode 100644 index 0000000..14ce307 --- /dev/null +++ b/src/images/user-experience-design-agency.svg @@ -0,0 +1,232 @@ + + + + user-experience-design-agency + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/web-development-company.svg b/src/images/web-development-company.svg new file mode 100644 index 0000000..c5049ec --- /dev/null +++ b/src/images/web-development-company.svg @@ -0,0 +1,269 @@ + + + + web-development-company + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index ac451e8..b0d43fc 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -9,10 +9,10 @@ import InfoBox from '../components/InfoBox' import Technologies from '../components/Technologies' import Typed from 'react-typed' -import ImgIntro from '../images/web-development-services-agency.svg' -import ImgDesign from '../images/ux-ui-design-company.svg' -import ImgFullstack from '../images/fullstack-web-development-company.svg' -import ImgMobile from '../images/mobile-development-company.svg' +import ImgIntro from '../images/web-development-company.svg' +import ImgDesign from '../images/user-experience-design-agency.svg' +import ImgFullstack from '../images/fullstack-web-development-agency.svg' +import ImgMobile from '../images/mobile-app-development-company.svg' import ServicesBg from '../images/services-background.svg' import LogoIBM from '../images/logo-ibm-color.svg' @@ -25,7 +25,7 @@ const IndexPage = ({ ...props }) => (

We{' '} @@ -41,7 +41,7 @@ const IndexPage = ({ ...props }) => (
-
+
( img={ImgFullstack} title="Full-Stack Web Development" text="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" + imgClasses="" />