From 6df7085f1bcda948cf4a0485f2a5740efd857041 Mon Sep 17 00:00:00 2001 From: Moris Zen Date: Wed, 4 Jul 2018 11:24:50 +0200 Subject: [PATCH] Restructuring of components, extracting to reusable components, styling --- src/components/Service.js | 19 + .../fullstack-web-development-agency.svg | 302 +++++++++ src/images/fullstack-web-development.svg | 607 ------------------ src/images/mobile-development-agency.svg | 164 +++++ src/images/mobile-development.svg | 396 ------------ src/images/ux-ui-design-agency.svg | 283 ++++++++ src/images/ux-ui-design.svg | 598 ----------------- src/pages/index.js | 52 +- src/styles/custom.css | 6 + src/styles/index.css | 180 ++++++ tailwind.config.js | 9 + 11 files changed, 981 insertions(+), 1635 deletions(-) create mode 100644 src/components/Service.js create mode 100644 src/images/fullstack-web-development-agency.svg delete mode 100644 src/images/fullstack-web-development.svg create mode 100644 src/images/mobile-development-agency.svg delete mode 100644 src/images/mobile-development.svg create mode 100644 src/images/ux-ui-design-agency.svg delete mode 100644 src/images/ux-ui-design.svg diff --git a/src/components/Service.js b/src/components/Service.js new file mode 100644 index 0000000..e9f5d52 --- /dev/null +++ b/src/components/Service.js @@ -0,0 +1,19 @@ +import React from 'react' +import InfoBox from './InfoBox' + +const Service = ({ ...props }) => ( +
+ {`${props.title} + +
+) + +export default Service diff --git a/src/images/fullstack-web-development-agency.svg b/src/images/fullstack-web-development-agency.svg new file mode 100644 index 0000000..cd7b9a9 --- /dev/null +++ b/src/images/fullstack-web-development-agency.svg @@ -0,0 +1,302 @@ + + + + hero marketing 9-01 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 00 + 00 + 0 + + + + + 00 + 00 + 0 + + + + + + 00 + 00 + 0 + + + + + + 00 + 00 + 0 + + + + + + 00 + 00 + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/fullstack-web-development.svg b/src/images/fullstack-web-development.svg deleted file mode 100644 index a87aea2..0000000 --- a/src/images/fullstack-web-development.svg +++ /dev/null @@ -1,607 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 00000 - - - 00000 - - - - 00000 - - - - 00000 - - - - 00000 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/images/mobile-development-agency.svg b/src/images/mobile-development-agency.svg new file mode 100644 index 0000000..98b32af --- /dev/null +++ b/src/images/mobile-development-agency.svg @@ -0,0 +1,164 @@ + + + + spot hero 6-01 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/mobile-development.svg b/src/images/mobile-development.svg deleted file mode 100644 index 06d4ee0..0000000 --- a/src/images/mobile-development.svg +++ /dev/null @@ -1,396 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/images/ux-ui-design-agency.svg b/src/images/ux-ui-design-agency.svg new file mode 100644 index 0000000..3126c89 --- /dev/null +++ b/src/images/ux-ui-design-agency.svg @@ -0,0 +1,283 @@ + + + + hero marketing 8-01 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/ux-ui-design.svg b/src/images/ux-ui-design.svg deleted file mode 100644 index 607e39c..0000000 --- a/src/images/ux-ui-design.svg +++ /dev/null @@ -1,598 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/pages/index.js b/src/pages/index.js index faf8569..f2cb322 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -4,11 +4,12 @@ import SectionIntro from '../components/SectionIntro' import InfoBox from '../components/InfoBox' import Button from '../components/Button' import Card from '../components/Card' +import Service from '../components/Service' import ImgIntro from '../images/software-consulting.svg' -import ImgDesign from '../images/ux-ui-design.svg' -import ImgFullstack from '../images/fullstack-web-development.svg' -import ImgMobile from '../images/mobile-development.svg' +import ImgDesign from '../images/ux-ui-design-agency.svg' +import ImgFullstack from '../images/fullstack-web-development-agency.svg' +import ImgMobile from '../images/mobile-development-agency.svg' import LogoIBM from '../images/logo-ibm.svg' import LogoRicoh from '../images/logo-ricoh.svg' import LogoKinnarps from '../images/logo-kinnarps.svg' @@ -49,47 +50,30 @@ const IndexPage = () => ( -
+
-
-
- UX & UI Design Agency - + + bg-saburly-white + -
+ -
- - Fullstack Web Development Agency -
+ -
- Mobile App Development Agency - -
+ + +