senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add typewriter library, restructure and design

Browse Source
This commit is contained in:
Moris Zen
2018-08-24 00:08:54 +02:00
parent 2ba9fe23fd
commit bd3d3724da
19 changed files with 482 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/pages/services.js
View File

@@ -7,6 +7,7 @@ import WorkStyle from '../components/WorkStyle'
import Technologies from '../components/Technologies'
import FullstackDev from '../images/fullstack-web-development.svg'
import IntroImage from '../images/saburly-web-agency-group.jpg'
import WebdevServices from '../images/web-development-agency.svg'
import UXdesign from '../images/ux-ui-design-services.svg'
import HowWeWork from '../images/how-we-work.svg'
@@ -17,8 +18,8 @@ const ServicesPage = () => (
buttonClasses="text-white font-normal shadow hover:shadow-md rounded-full mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
headline="Agile Practitioners"
text="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity. Our flexible processes ensure high productivity and we know how to balance between cost, time and quality."
image={WebdevServices}
imgClasses="-mb-20 lg:-mt-12 md:p-10"
image={IntroImage}
imgClasses="-mb-12 lg:-mt-8 border-white border-8 rounded"
/>
<section className="px-4 py-16">
<div className="container mx-auto">
@@ -44,10 +45,8 @@ const ServicesPage = () => (
/>
<div className="my-4">
<h3 className="font-normal text-black">
Conceptualization & Branding
</h3>
<p className="font-light leading-normal text-black-light">
<h3 className="text-black my-1">Conceptualization & Branding</h3>
<p className="font-light leading-normal text-black-light text-lg">
Before our designers work on visual details, we start off by
creating a clear understanding of the problem that you're trying
to solve with the project. After collecting and analyzing data,
@@ -55,8 +54,8 @@ const ServicesPage = () => (
</p>
</div>
<div className="my-4">
<h3 className="font-normal text-black">UX & UI Design</h3>
<p className="font-light leading-normal text-black-light">
<h3 className="text-black my-1">UX & UI Design</h3>
<p className="font-light leading-normal text-black-light text-lg">
We love to design pixel-perfect products that are easy to use
and delightful to interact with. From User-Flows, Lo-Fi & Hi-Fi
Wireframes and Prototypes to polished slick end-products, we
@@ -74,50 +73,53 @@ const ServicesPage = () => (
<section className="bg-saburly relative bg-saburly-lighter px-4 py-16">
<div className="container mx-auto">
<div className="lg:flex">
<img
src={FullstackDev}
className="w-full mx-auto text-center content-center align-center p-8"
alt="Fullstack Web Development Agency"
/>
<div>
<SectionIntro
headline="Full-stack software development"
text="From infrastructure to AI, we develop data-driven Full-Stack applications for both custom software and third party solutions."
/>
<img
src={WebdevServices}
className="lg:hidden w-full mx-auto text-center content-center align-center p-8"
alt="Fullstack Web Development Agency"
/>
<div className="my-4">
<h3 className="font-normal text-black">Web development</h3>
<p className="font-light leading-normal text-black-light">
<h3 className="my-1 text-black">Web development</h3>
<p className="font-light leading-normal text-lg text-black-light">
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.
</p>
</div>
<div className="my-4">
<h3 className="font-normal text-black">Mobile & desktop apps</h3>
<p className="font-light leading-normal text-black-light">
<h3 className="my-1 text-black">Mobile & desktop apps</h3>
<p className="font-light leading-normal text-lg text-black-light">
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.
and hybrid solutions. We love using technologies like React
Native and Electron to build cross-platform apps.
</p>
</div>
<div className="my-4">
<h3 className="font-normal text-black">DevOps</h3>
<p className="font-light leading-normal text-black-light">
Our DevOps team has experience working with the world leading
hosting providers such as AWS and Google Cloud Platform. We
offer setups and automation to support delivery across all our
applications. We use the most up-to-date tools to enable stable
and predictable processes of continuous delivery.
<h3 className="my-1 text-black">DevOps</h3>
<p className="font-light leading-normal text-black-light text-lg">
Our DevOps experience comes from working with leading hosting
providers such as AWS and Google Cloud Platform. We offer setups
and automation to support delivery across all our applications.
We use the most up-to-date tools to enable stable and
predictable processes of continuous delivery.
</p>
</div>
</div>
<img
src={WebdevServices}
className="hidden lg:block w-full mx-auto text-center content-center align-center p-8"
alt="Fullstack Web Development Agency"
/>
</div>
<div className="p-8 my-4 bg-white border-bottom-saburly">
<h3 className="font-normal text-black">Emerging Technologies</h3>
<p className="font-light text-black-light leading-normal">
<h3 className="my-1 text-black">Emerging Technologies</h3>
<p className="font-light leading-normal text-black-light text-lg">
We harness a wide array of emerging technologies, such as AR/VR, AI
technologies, Machine Learning and Blockchain, pushing the
boundaries of user experience across physical and digital. Keeping