diff --git a/package.json b/package.json index 6b69990..84112aa 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,8 @@ "react-helmet": "^5.2.0", "react-responsive-mixin": "^0.4.0", "slideout": "^1.0.1", - "tiny-slider-react": "^0.3.7" + "tiny-slider": "^2.8.3", + "tiny-slider-react": "0.3.4" }, "keywords": [ "gatsby" diff --git a/src/components/PageIntro.js b/src/components/PageIntro.js index 7ee846b..dc732a7 100644 --- a/src/components/PageIntro.js +++ b/src/components/PageIntro.js @@ -26,7 +26,7 @@ const PageIntro = ({ ...props }) => ( {props.image && ( Software Development Agency )} diff --git a/src/components/Tech.js b/src/components/Tech.js new file mode 100644 index 0000000..daa56f3 --- /dev/null +++ b/src/components/Tech.js @@ -0,0 +1,61 @@ +import React from 'react' +import { render } from 'react-dom' +import TinySlider from 'tiny-slider-react' + +const styles = { + fontFamily: 'sans-serif', + textAlign: 'center', +} + +const imgStyles = { + width: '100%', + height: '320px', + objectFit: 'cover', +} + +const imgs = [ + 'http://d2ji2mue1p384z.cloudfront.net/img/480x360/162951.jpg', + 'http://d2ji2mue1p384z.cloudfront.net/img/480x360/162465.jpg', + 'http://d2ji2mue1p384z.cloudfront.net/img/480x360/220048.jpg', +] + +const loadingImage = + 'data:image/gif;base64,\ + R0lGODlhAQABAPAAAMzMzAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==' + +const settings = { + lazyload: true, + nav: false, + mouseDrag: true, + loop: true, + items: 1, + gutter: 5, + responsive: { + 420: { + items: 2, + }, + }, +} + +const clickEvent = slide => { + console.log(slide) +} +const Tech = () => ( +
+ + {imgs.map((el, index) => ( +
+ +
+ ))} + +
+) + +export default Tech diff --git a/src/images/ux-ui-design-services.svg b/src/images/ux-ui-design-services.svg new file mode 100644 index 0000000..5762603 --- /dev/null +++ b/src/images/ux-ui-design-services.svg @@ -0,0 +1,195 @@ + + + + Group 20 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/web-development-services.svg b/src/images/web-development-services.svg new file mode 100644 index 0000000..f6da1b8 --- /dev/null +++ b/src/images/web-development-services.svg @@ -0,0 +1,212 @@ + + + + Group 23 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index 194fdda..a43848f 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -29,6 +29,7 @@ const IndexPage = ({ ...props }) => ( intro="Welcome To Saburly" headline="We build the right software for you" text="Saburly is a team of highly experienced, creative and passionate engineers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies." + sectionClasses="md:pt-10" image={ImgIntro} /> diff --git a/src/pages/services.js b/src/pages/services.js index bcd5702..aa80d6d 100644 --- a/src/pages/services.js +++ b/src/pages/services.js @@ -7,95 +7,107 @@ import WorkStyle from '../components/WorkStyle' import Technologies from '../components/Technologies' import FullstackDev from '../images/fullstack-web-development.svg' +import WebdevServices from '../images/web-development-services.svg' +import UXdesign from '../images/ux-ui-design-services.svg' const ServicesPage = () => (
- - -
+
-
- -

- Building competitive applications these days is challenging. We - have what it takes for both native languages and hybrid solutions. - Mobile solutions for iOS are built with Swift & Objective-C and - Android solutions are built with Java & Kotlin. We love using - technologies like React Native and Electron to build - cross-platform apps. -

- + +
+ Fullstack Web Development Agency +
+
+

Web Development

+

+ We offer full-cycle web development services for the connected + world. Our talented developers work with popular languages and + are up to speed with cutting edge trends. The solutions provided + are both for custom web development solutions and extensions for + third party solutions. +

+
+
+

Mobile & Desktop applications

+

+ Building competitive applications these days is challenging, but + we believe that we have what it takes for both native languages + and hybrid solutions. Native mobile solutions for iOS are built + with Swift & Objective-C and Android solutions are built with + Java & Kotlin. We love using technologies like React Native and + Electron to build cross-platform apps. +

+
+
+

AI & Blockchain

+

+ Building competitive applications these days is challenging, but + we believe that we have what it takes for both native languages + and hybrid solutions. Native mobile solutions for iOS are built + with Swift & Objective-C and Android solutions are built with + Java & Kotlin. We love using technologies like React Native and + Electron to build cross-platform apps. +

+
+
+
+
+

Technologies

+

+ Keeping track of emerging technologies is important to us so that we + can deliver forward-thinking solutions, but we understand that + technologies as just tools. That's why we're keen on being framework + agnostic and selecting the best tools for your needs. Below are some + of the technologies that we're currently working with on a daily + basis. +

- Ricoh Logo
-
-
-
-

Modern Web Development

-

- We offer full-cycle web development services for the connected - world. Our talented developers work with popular languages and are - always up to speed with cutting edge trends in web development. We - provide services for both custom web development solutions and - extensions for third party solutions. -

+
+
+
+ +

+ 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. +

+ + User Experience Design Agency
- -
-

Mobile App Development

-

- We have what it takes to develop competitive iOS and Android - applications using both native languages and hybrid solutions. - Solutions for iOS are built with Swift & Objective-C and Android - solutions are built with Java & Kotlin. We love using technologies - like React Native to build cross-platform native apps. -

-
- -
-

UX & UI Design

-

- Our approach is simple: focus on how users might use the product in - the best way possible. We offer UX and interface design for all - screens and devices. The solutions are usually shaped through - iterative processes of research, prototyping and testing. -

-
-
-
- -
-
+