Add style after new guidelines, markup and restructuring of components

This commit is contained in:
Moris Zen
2018-07-02 20:33:44 +02:00
parent 01b910f7d9
commit e5287ac835
11 changed files with 1132 additions and 63 deletions

View File

@@ -16,12 +16,14 @@ import LogoCoor from '../images/logo-coor.svg'
const IndexPage = () => (
<div>
<section className="lg:flex items-center p-3">
<div>
<SectionIntro intro="Welcome To Saburly" classes="lg:max-w-xs" headline="We build the right software for your needs" text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day." />
<Button filled text="Let's Get In Touch" url="/proposal" classes="rounded-full" />
<section className="bg-saburly-default">
<div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse lg:p-4">
<div className="text-center lg:text-left lg:mt-4">
<SectionIntro intro="Welcome To Saburly" classes="lg:text-left content-center" headline="We build the right software for your needs" text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day." />
<Button filled text="Let's Build Together" url="/proposal" classes="rounded-full mt-4 font-light btn-saburly-green" />
</div>
<img src={ImgIntro} alt="Software Development Agency" />
<img src={ImgIntro} className="lg:-mt-4" alt="Software Development Agency" />
</div>
</section>
<section className="text-center p-3">