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

Restructuring of components, extracting to reusable components, styling

Browse Source
This commit is contained in:
Moris Zen
2018-07-04 11:24:50 +02:00
parent c6cd4d19ad
commit 6df7085f1b
11 changed files with 981 additions and 1635 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/pages/index.js
View File

@@ -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 = () => (
</svg>
</section>
<section className="text-center mt-12 p-2">
<section className="text-center mt-12 mb-12 p-2">
<SectionIntro
classes="max-w-lg m-auto"
intro="Solutions"
intro="Services"
headline="Because beautiful code makes our heart pound"
text="We have a passion for great software and design with the help of modern technologies. Custom end-to-end solutions is our speciality and our skilled team can even help you with initial analysis, architecture design, testing and deployments"
/>
</section>
<section className="bg-saburly-indigolight">
<div className="lg:flex items-center">
<img src={ImgDesign} className="w-full" alt="UX & UI Design Agency" />
<InfoBox
headline="UX & UI Design"
text="Our approach is simple: focus on how people will actually use the products. We offer prototyping, UI and UX design for web and mobile products. We shape UX through research, data & content analysis."
<section className="bg-saburly-indigolight relative">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400.8 96.4">
<title>bg-saburly-white</title>
<path
d="M417.7,96.4C655.2,93.3,743.6,0,983.1,0h417.7V96.4H417.7Z"
transform="translate(0 0)"
style={{ fill: '#fff' }}
/>
</div>
</svg>
<div className="lg:flex items-center">
<InfoBox
headline="Fullstack Web Development"
text="We build web applications using the technologies such as JavaScript, React, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time."
/>
<img
src={ImgFullstack}
className="w-full"
alt="Fullstack Web Development Agency"
/>
</div>
<Service img={ImgDesign} title="UX & UI Design" text="Our approach is simple: focus on how people will actually use the products. We offer prototyping, UI and UX design for web and mobile products. We shape UX through research, data & content analysis" />
<div className="lg:flex items-center">
<img
src={ImgMobile}
className="w-full"
alt="Mobile App Development Agency"
/>
<InfoBox
headline="Mobile Development"
text="We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also enjoy working with React Native technology because it allows writing native apps for both platform at once."
/>
</div>
<Service img={ImgFullstack} title="Fullstack Web Development" text="We build web applications using the technologies such as JavaScript, React, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time" />
<Service img={ImgMobile} imgClasses="max-h-sm" title="Mobile Development" text="We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also enjoy working with React Native technology because it allows writing native apps for both platform at once" />
<div className="lg:flex justify-center">
<Button