Adding about us page styling and images

This commit is contained in:
Moris Zen
2018-08-23 22:00:23 +02:00
parent 96b6375740
commit 29b668b2e1
11 changed files with 152 additions and 97 deletions

View File

@@ -7,6 +7,7 @@ import Service from '../components/Service'
import PageIntro from '../components/PageIntro'
import InfoBox from '../components/InfoBox'
import Technologies from '../components/Technologies'
import Typed from 'react-typed'
import ImgIntro from '../images/web-development-services-agency.svg'
import ImgDesign from '../images/ux-ui-design-company.svg'
@@ -26,17 +27,16 @@ const IndexPage = ({ ...props }) => (
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"
intro="Welcome To Saburly"
headline="We build delightful 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."
image={ImgIntro}
imgClasses="-mb-20 md:-mt-12"
/>
<Typed strings={['Here you can find anything']} typeSpeed={40} />
<main>
<section className="container mx-auto max-w-lg text-center my-12 p-4">
<SectionIntro
intro="What We Do"
headline="Because great code makes our heart pound"
text="We have a deep passion for cutting edge technologies and incredible user experiences. Our experienced engineers deliver custom end-to-end software solutions daily and can even help you with initial analysis, architecture design, testing and deployments."
/>
@@ -76,7 +76,6 @@ const IndexPage = ({ ...props }) => (
<section className="container mx-auto max-w-lg text-center p-4 my-12">
<SectionIntro
intro="Clients"
headline="With ambitious projects comes 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"
/>
@@ -107,10 +106,7 @@ const IndexPage = ({ ...props }) => (
</section>
<section className="text-center p-8 relative bg-saburly-lighter">
<SectionIntro
intro="Blog & Social Media"
headline="Occasionally we find the time to publish"
/>
<SectionIntro headline="Occasionally we find the time to publish" />
<div className="container mx-auto w-full md:flex md:flex-wrap items-stretch w-full">
{props.data.allWordpressPost.edges.map(({ node }) => (
<div key={node.id} className="md:w-1/2 p-2">