Changing Fonts, adding bolder font and styling fixes

This commit is contained in:
Moris Zen
2018-09-12 11:10:09 +02:00
parent 312e01cde0
commit 1966676638
15 changed files with 112 additions and 115 deletions

View File

@@ -30,7 +30,7 @@ import PageTransition from 'gatsby-plugin-page-transitions'
const IndexPage = ({ ...props }) => (
<PageTransition>
<PageIntro
text="We're a team of experienced, creative and passionate engineers and designers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
text="We're in the business of solving real-world problems with digital solutions. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
image={ImgIntro}
imgClasses="-mb-20 p-2 md:p-8"
>
@@ -51,9 +51,10 @@ const IndexPage = ({ ...props }) => (
<section className="container mx-auto max-w-lg text-center mt-16 p-4">
<Fade>
<SectionIntro
h2Classes="text-2xl sm:text-3xl"
classes="my-10"
h2Classes="text-2xl sm:text-5xl"
headline="Because beautiful code makes our heart pound"
text="What gets us going is our passion for cutting edge technologies and incredible user experiences. Our developers deliver custom end-to-end software solutions daily and can even help you with initial analysis, architecture design, testing and deployments."
text="What gets us going is our passion for cutting edge technologies and incredible user experiences. We transform frustrations into features and headaches into highlights. And we do it all through our UX design and development process, by coupling form and function to develop world-class websites and apps for businesses of all sizes and sectors."
/>
</Fade>
</section>
@@ -62,10 +63,10 @@ const IndexPage = ({ ...props }) => (
<Fade>
<Service
classes="py-8"
h2Classes="text-2xl xsm:text-3xl sm:text-4xl font-light text-black"
h2Classes="text-2xl xsm:text-3xl font-medium saburly-color"
img={ImgDesign}
title="User Experience Design"
text="Our approach is simple: focus on how users might use the product in the best ways possible. We offer UX and interface design services for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
text="Our approach is simple: focus on how users might use the product in the best ways possible. We offer UX and UI design services for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
/>
</Fade>
@@ -73,10 +74,10 @@ const IndexPage = ({ ...props }) => (
<Service
reversed
classes="py-8"
h2Classes="text-2xl xsm:text-3xl sm:text-4xl font-light text-black"
h2Classes="text-2xl xsm:text-3xl font-medium saburly-color"
img={ImgFullstack}
title="Full-Stack Development"
text="We are experts in modern web development using both client-side and server-side technologies. Our talented developers work with popular languages and are always up to speed on the cutting edge trends in web application development. We deliver high-quality, maintainable code on time and know how to balance between cost, time and quality."
text="We love modern web development. Our talented developers work with both client-side and server-side technologies are always up to speed with cutting edge trends. We deliver high-quality, maintainable code on time and know how to balance between cost, time and quality."
imgClasses=""
/>
</Fade>
@@ -85,9 +86,9 @@ const IndexPage = ({ ...props }) => (
<Service
img={ImgMobile}
classes="py-8"
h2Classes="text-2xl xsm:text-3xl sm:text-4xl font-light text-black"
h2Classes="text-2xl xsm:text-3xl font-medium saburly-color"
imgClasses="max-h-sm"
title="Mobile Apps"
title="Mobile App Development"
text="We have what it takes to develop competitive iOS and Android applications using both native languages and hybrid solutions. Solutions for iOS are built with Swift & Objective-C and Android solutions are built with Java & Kotlin. We love using technologies like React Native to build cross-platform native apps."
/>
</Fade>
@@ -97,8 +98,8 @@ const IndexPage = ({ ...props }) => (
<div className="my-8 py-8 container mx-auto max-w-lg">
<Fade>
<SectionIntro
h2Classes="text-2xl md:text-4xl"
headline="Ambitious projects bring great responsibility"
h2Classes="text-2xl md:text-5xl"
headline="You'll be in great company"
text="By thinking big, designing smart and developing fast, we're helping organizations of various sizes bring life to ideas. We're now eager to hear what challenges you have for us."
/>
<div className="p-4 sm:flex flex-wrap items-center max-w-full justify-around">
@@ -153,13 +154,13 @@ const IndexPage = ({ ...props }) => (
standard
text="More About What We Do"
url="/services"
classes="font-medium rounded-full m-2 hover:shadow-md text-grey-darker hover:shadow"
classes="rounded-full m-2 hover:shadow-md text-grey-darker hover:shadow"
/>
<Button
filled
text="Let's Get In Touch"
url="/contact"
classes="text-white font-medium shadow hover:shadow-md rounded-full m-2 font-light bg-teal hover:bg-teal-dark"
classes="text-white shadow hover:shadow-md rounded-full m-2 font-light bg-teal hover:bg-teal-dark"
/>
</div>
</Fade>
@@ -169,8 +170,8 @@ const IndexPage = ({ ...props }) => (
<section className="text-center p-4 relative">
<Fade>
<SectionIntro
h2Classes="py-8 text-2xl md:text-4xl"
headline="Yet sometimes we have fun & publish"
h2Classes="py-8 text-2xl md:text-5xl"
headline="Sometimes we have fun & publish"
/>
</Fade>
<Fade>