Design upgrades, responsiveness and tweaks

This commit is contained in:
Moris Zen
2018-08-22 23:05:41 +02:00
parent 6754263181
commit a4ce786dcc
7 changed files with 33 additions and 18 deletions

View File

@@ -8,7 +8,7 @@ import PageIntro from '../components/PageIntro'
import InfoBox from '../components/InfoBox'
import Technologies from '../components/Technologies'
import ImgIntro from '../images/web-development-agency.svg'
import ImgIntro from '../images/web-development-services-agency.svg'
import ImgDesign from '../images/ux-ui-design-company.svg'
import ImgFullstack from '../images/fullstack-web-development-company.svg'
import ImgMobile from '../images/mobile-development-company.svg'
@@ -31,6 +31,7 @@ const IndexPage = ({ ...props }) => (
text="Saburly is a team of highly experienced, creative and passionate engineers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
sectionClasses="md:pt-10"
image={ImgIntro}
imgClasses="-mb-20 lg:-mt-12"
/>
<main>
@@ -71,15 +72,6 @@ const IndexPage = ({ ...props }) => (
classes="mb-8 lg:mb-24 rounded-full hover:shadow-md text-grey-darker hover:shadow"
/>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400.8 96.4">
<title>bg-saburly-white</title>
<path
d="M417.7,96.4C655.2,93.3,743.6,0,983.1,0h417.7V96.4H417.7Z"
transform="translate(0 0)"
style={{ fill: '#fff' }}
/>
</svg>
</section>
<section className="container mx-auto max-w-lg text-center p-4 my-12">
@@ -114,7 +106,7 @@ const IndexPage = ({ ...props }) => (
/>
</section>
<section className="text-center p-8 relative bg-saburly-fadeout">
<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"

View File

@@ -7,7 +7,7 @@ import WorkStyle from '../components/WorkStyle'
import Technologies from '../components/Technologies'
import FullstackDev from '../images/fullstack-web-development.svg'
import WebdevServices from '../images/web-development-services-agency.svg'
import WebdevServices from '../images/web-development-agency.svg'
import UXdesign from '../images/ux-ui-design-services.svg'
import HowWeWork from '../images/how-we-work.svg'