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

Style changes for index page

Browse Source
This commit is contained in:
Moris Zen
2018-07-01 12:07:06 +02:00
parent b026acc6c6
commit 01b910f7d9
1 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/index.js
View File

@@ -21,24 +21,32 @@ const IndexPage = () => (
<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" />
</div>
<img src={ImgIntro} className="overflow-hidden" alt="Software Development Agency" />
<img src={ImgIntro} alt="Software Development Agency" />
</section>
<section className="text-center p-3">
<SectionIntro intro="Solutions" 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>
<img src={ImgDesign} className="overflow-hidden" 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." />
<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." />
</div>
<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="overflow-hidden" alt="Fullstack Web Development Agency" />
<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>
<img src={ImgMobile} className="overflow-hidden" 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 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>
<Button standard text="More ABout What We Do" url="/services" classes="rounded-full" />
<Button standard text="How We Work" url="/work" classes="rounded-full" />
<div className="lg:flex justify-center">
<Button standard text="More ABout What We Do" url="/services" classes="rounded-full" />
<Button standard text="How We Work" url="/work" classes="rounded-full" />
</div>
<section className="text-center p-3">
<SectionIntro intro="Showcase" headline="We don’t descriminate, all screens & devices are welcome" />