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

28
src/pages/index.js
View File

@@ -23,16 +23,22 @@ import LogoCoor from '../images/logo-coor-color.svg'
const IndexPage = ({ ...props }) => (
<div>
<PageIntro
button
buttonText="Let's Connect"
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"
headline="We build great 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."
text="We're a team of experienced, creative and passionate engineers and designers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
image={ImgIntro}
imgClasses="-mb-20 md:-mt-12"
/>
<Typed strings={['Here you can find anything']} typeSpeed={40} />
imgClasses="-mb-20 lg:-mt-12"
>
<h2 className="text-black pt-1 pb-2">
We{' '}
<Typed
strings={['discover', 'code', 'design', 'maintain']}
typeSpeed={100}
backSpeed={50}
backDelay={3000}
loop
/>
great digital experiences
</h2>
</PageIntro>
<main>
<section className="container mx-auto max-w-lg text-center my-12 p-4">
@@ -53,7 +59,7 @@ const IndexPage = ({ ...props }) => (
reversed
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."
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"
/>
@@ -76,7 +82,7 @@ const IndexPage = ({ ...props }) => (
<section className="container mx-auto max-w-lg text-center p-4 my-12">
<SectionIntro
headline="With ambitious projects comes great responsibility"
headline="Ambitious projects bring great responsibility"
text="By thinking big, designing smart and developing fast, we have helped organizations of various sizes bring life to ideas and existing products. We're now eager to hear what challenges you have for us"
/>
<div className="p-4 md:flex items-center max-w-full justify-center">