Add typewriter library, restructure and design

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

View File

@@ -3,7 +3,8 @@ import React, { Component } from 'react'
import PageIntro from '../components/PageIntro'
import SectionIntro from '../components/SectionIntro'
import IntroImage from '../images/saburly-web-agency-group.jpg'
import IntroImage from '../images/web-development-consultancy.jpg'
import MeaningSaburly from '../images/coding-practice.svg'
class AboutPage extends Component {
componentDidMount() {
@@ -19,22 +20,29 @@ class AboutPage extends Component {
<div>
<PageIntro
headline="Founded by developers"
text="Saburly was born in 2017 by experienced developers. We know the challenges and pitfalls when creating modern software. Focused on creating solutions that make valuable impact"
text="...We know the challenges and pitfalls when creating modern software. ...Focused on creating solutions that make valuable impact"
image={IntroImage}
imgClasses="border-white border-8 rounded postImgContainer -mb-12"
/>
<section className="container mx-auto my-12 p-4">
<SectionIntro
headline="Meaning of Saburly"
text="Patience = Our goal is long-term engagement."
/>
<div className="md:flex justify-center items-center">
<img
src={MeaningSaburly}
className="hidden lg:block max-h-xs"
alt="User Experience Design Agency"
/>
<SectionIntro
headline="Meaning of Saburly"
text="...Patience. ...Our goal is long-term engagement."
/>
</div>
</section>
<section className="container mx-auto my-12 p-4">
<SectionIntro
headline="The Team"
text="We are a small company with a personal touch that knows our stuff. Our people have T-shaped profiles which means that they combine a deep specialism with a broad range of knowledge and skills."
text="We are a small company with a personal touch that knows our stuff. Our team consists of handpicked expert software developers, designers and system architects - all highly motivated to help you succeed."
/>
</section>
</div>