Design tweaks, font changes and coloring
This commit is contained in:
Moris Zen
@@ -25,34 +25,38 @@ const ContactPage = () => (
|
||||
<div className="rounded overflow-hidden shadow">
|
||||
<img className="w-full" src={Sarajevo} alt="Sarajevo City" />
|
||||
<div className="px-6 py-4">
|
||||
<div className="font-normal text-xl mb-2">
|
||||
Saburly Office in Sarajevo
|
||||
<div className="uppercase font-medium text-xl mb-6">
|
||||
office in Sarajevo
|
||||
</div>
|
||||
<div className="md:flex text-left justify-around text-grey-darker text-base">
|
||||
<div className="md:flex text-left justify-around text-base">
|
||||
<div>
|
||||
<h4>Adress</h4>
|
||||
Saburly d.o.o <br />
|
||||
Hakije Turajlica 2 <br />
|
||||
71 000 Sarajevo <br />
|
||||
Bosnia & Herzegovina <br />
|
||||
<h4 className="text-black">Adress</h4>
|
||||
<p className="text-black-light">
|
||||
Saburly d.o.o <br />
|
||||
Hakije Turajlica 2 <br />
|
||||
71 000 Sarajevo <br />
|
||||
Bosnia & Herzegovina <br />
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Contact</h4>
|
||||
Phone:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="tel:+38761909238"
|
||||
>
|
||||
+38761909238
|
||||
</a>{' '}
|
||||
<br />
|
||||
E-mail:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="mailto:bosnia@saburly.com"
|
||||
>
|
||||
bosnia@saburly.com
|
||||
</a>{' '}
|
||||
<h4 className="text-black">Contact</h4>
|
||||
<p className="text-black-light">
|
||||
Phone:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="tel:+38761909238"
|
||||
>
|
||||
+38761909238
|
||||
</a>{' '}
|
||||
<br />
|
||||
E-mail:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="mailto:bosnia@saburly.com"
|
||||
>
|
||||
bosnia@saburly.com
|
||||
</a>{' '}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -62,34 +66,38 @@ const ContactPage = () => (
|
||||
<div className="rounded overflow-hidden shadow">
|
||||
<img className="w-full" src={Stockholm} alt="Stockholm City" />
|
||||
<div className="px-6 py-4">
|
||||
<div className="font-normal text-xl mb-2">
|
||||
Saburly Office in Stockholm
|
||||
<div className="uppercase font-medium text-xl mb-6">
|
||||
office in Stockholm
|
||||
</div>
|
||||
<div className="md:flex text-left justify-around text-grey-darker text-base">
|
||||
<div className="md:flex text-left justify-around text-black text-base">
|
||||
<div>
|
||||
<h4>Adress</h4>
|
||||
Saburly AB <br />
|
||||
Vretenvägen 13 <br />
|
||||
171 54 Solna <br />
|
||||
Sweden <br />
|
||||
<h4 className="text-black">Adress</h4>
|
||||
<p className="text-black-light">
|
||||
Saburly AB <br />
|
||||
Vretenvägen 13 <br />
|
||||
171 54 Solna <br />
|
||||
Sweden <br />
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Contact</h4>
|
||||
Phone:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="tel:+46760477717"
|
||||
>
|
||||
+46760477717
|
||||
</a>
|
||||
<br />
|
||||
E-mail:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="mailto:sweden@saburly.com"
|
||||
>
|
||||
sweden@saburly.com
|
||||
</a>{' '}
|
||||
<h4 className="text-black">Contact</h4>
|
||||
<p className="text-black-light">
|
||||
Phone:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="tel:+46760477717"
|
||||
>
|
||||
+46760477717
|
||||
</a>
|
||||
<br />
|
||||
E-mail:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="mailto:sweden@saburly.com"
|
||||
>
|
||||
sweden@saburly.com
|
||||
</a>{' '}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -27,10 +27,10 @@ const IndexPage = ({ ...props }) => (
|
||||
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 the right software for you"
|
||||
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 lg:-mt-12"
|
||||
imgClasses="-mb-20 md:-mt-12"
|
||||
/>
|
||||
|
||||
<main>
|
||||
@@ -45,7 +45,7 @@ const IndexPage = ({ ...props }) => (
|
||||
<section className="bg-saburly relative bg-saburly-fadeout">
|
||||
<Service
|
||||
img={ImgDesign}
|
||||
title="User Experience (UX) Design"
|
||||
title="User Experience Design"
|
||||
text="Our approach is simple: focus on how users might use the product in the best way possible. We offer UX and interface design for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
|
||||
/>
|
||||
|
||||
@@ -54,6 +54,7 @@ const IndexPage = ({ ...props }) => (
|
||||
img={ImgFullstack}
|
||||
title="Full-Stack Web Development"
|
||||
text="At Saburly, 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."
|
||||
imgClasses="-ml-12"
|
||||
/>
|
||||
|
||||
<Service
|
||||
@@ -108,7 +109,7 @@ const IndexPage = ({ ...props }) => (
|
||||
<section className="text-center p-8 relative bg-saburly-lighter">
|
||||
<SectionIntro
|
||||
intro="Blog & Social Media"
|
||||
headline="Occasionally we find the time to have fun and publish"
|
||||
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 }) => (
|
||||
|
||||
@@ -45,7 +45,7 @@ const ServicesPage = () => (
|
||||
/>
|
||||
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">
|
||||
<h3 className="font-normal text-black">
|
||||
Conceptualization & Branding
|
||||
</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
@@ -56,7 +56,7 @@ const ServicesPage = () => (
|
||||
</p>
|
||||
</div>
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">UX & UI Design</h3>
|
||||
<h3 className="font-normal text-black">UX & UI Design</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
We love to design pixel-perfect products that are easy to use
|
||||
and delightful to interact with. From User-Flows, Lo-Fi & Hi-Fi
|
||||
@@ -86,7 +86,7 @@ const ServicesPage = () => (
|
||||
text="From infrastructure to AI, we develop data-driven Full-Stack applications for both custom software and third party solutions."
|
||||
/>
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">Web development</h3>
|
||||
<h3 className="font-normal text-black">Web development</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
We offer full-cycle web development services for the connected
|
||||
world. Our talented developers work with popular languages and
|
||||
@@ -94,7 +94,7 @@ const ServicesPage = () => (
|
||||
</p>
|
||||
</div>
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">Mobile & desktop apps</h3>
|
||||
<h3 className="font-normal text-black">Mobile & desktop apps</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
Building competitive applications these days is challenging, but
|
||||
we believe that we have what it takes for both native languages
|
||||
@@ -105,7 +105,7 @@ const ServicesPage = () => (
|
||||
</p>
|
||||
</div>
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">DevOps</h3>
|
||||
<h3 className="font-normal text-black">DevOps</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
Our DevOps team has experience working with the world leading
|
||||
hosting providers such as AWS and Google Cloud Platform. We
|
||||
@@ -117,7 +117,7 @@ const ServicesPage = () => (
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-8 my-4 bg-white border-bottom-saburly">
|
||||
<h3 className="font-medium text-black">Emerging Technologies</h3>
|
||||
<h3 className="font-normal text-black">Emerging Technologies</h3>
|
||||
<p className="font-light text-black-light leading-normal">
|
||||
We harness a wide array of emerging technologies, such as AR/VR, AI
|
||||
technologies, Machine Learning and Blockchain, pushing the
|
||||
|
||||
Reference in New Issue
Block a user