Stylistic changes for services
This commit is contained in:
Moris Zen
@@ -29,6 +29,7 @@ const IndexPage = ({ ...props }) => (
|
||||
intro="Welcome To Saburly"
|
||||
headline="We build the right software for you"
|
||||
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}
|
||||
/>
|
||||
|
||||
|
||||
@@ -7,95 +7,107 @@ 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.svg'
|
||||
import UXdesign from '../images/ux-ui-design-services.svg'
|
||||
|
||||
const ServicesPage = () => (
|
||||
<div>
|
||||
<PageIntro
|
||||
intro="Services"
|
||||
headline="Creative digital agency"
|
||||
text="with a mission is to make our clients stand out"
|
||||
sectionClasses="mb-16 lg:mb-8"
|
||||
button
|
||||
buttonText="Let's Connect"
|
||||
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="What We Do"
|
||||
headline="Agile Practitioners"
|
||||
text="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity. Our flexible processes ensure high productivity and we know how to balance between cost, time and quality."
|
||||
sectionClasses="pt-10"
|
||||
image={WebdevServices}
|
||||
imgClasses="-mb-16 md:-mt-6"
|
||||
/>
|
||||
|
||||
<SectionIntro
|
||||
classes="text-center max-w-lg mx-auto"
|
||||
intro="Agile practitioners"
|
||||
headline="Software Development Services"
|
||||
text="Keeping track of emerging technologies is important to us so that we can deliver forward-thinking solutions. Our flexible agile development processes ensure high productivity and makes it easier to balance between cost, time and quality."
|
||||
/>
|
||||
|
||||
<section>
|
||||
<section className="relative">
|
||||
<div className="container mx-auto">
|
||||
<div>
|
||||
<SectionIntro
|
||||
classes="max-w-lg"
|
||||
headline="Full-stack software development"
|
||||
text="We offer full-cycle web development services for the connected
|
||||
world. Our talented developers work with popular languages and are
|
||||
up to speed with cutting edge trends.
|
||||
The solutions provided are both for custom web development solutions and
|
||||
extensions for third party solutions."
|
||||
>
|
||||
<p className="font-light leading-normal opacity-70 mt-4">
|
||||
Building competitive applications these days is challenging. We
|
||||
have what it takes for both native languages and hybrid solutions.
|
||||
Mobile solutions for iOS are built with Swift & Objective-C and
|
||||
Android solutions are built with Java & Kotlin. We love using
|
||||
technologies like React Native and Electron to build
|
||||
cross-platform apps.
|
||||
</p>
|
||||
</SectionIntro>
|
||||
<SectionIntro
|
||||
classes="text-center"
|
||||
headline="Full-stack software development"
|
||||
/>
|
||||
<div className="flex">
|
||||
<img
|
||||
src={FullstackDev}
|
||||
className="w-full md:max-w-md mx-auto text-center content-center align-center p-8 -mb-16"
|
||||
alt="Fullstack Web Development Agency"
|
||||
/>
|
||||
<div>
|
||||
<div className="border rounded p-4 my-4">
|
||||
<h3 className="opacity-30">Web Development</h3>
|
||||
<p className="font-light leading-normal opacity-70 mt-4">
|
||||
We offer full-cycle web development services for the connected
|
||||
world. Our talented developers work with popular languages and
|
||||
are up to speed with cutting edge trends. The solutions provided
|
||||
are both for custom web development solutions and extensions for
|
||||
third party solutions.
|
||||
</p>
|
||||
</div>
|
||||
<div className="border rounded p-4 my-4">
|
||||
<h3 className="opacity-30">Mobile & Desktop applications</h3>
|
||||
<p className="font-light leading-normal opacity-70 mt-4">
|
||||
Building competitive applications these days is challenging, but
|
||||
we believe that we have what it takes for both native languages
|
||||
and hybrid solutions. Native mobile solutions for iOS are built
|
||||
with Swift & Objective-C and Android solutions are built with
|
||||
Java & Kotlin. We love using technologies like React Native and
|
||||
Electron to build cross-platform apps.
|
||||
</p>
|
||||
</div>
|
||||
<div className="border rounded p-4 my-4">
|
||||
<h3 className="opacity-30">AI & Blockchain</h3>
|
||||
<p className="font-light leading-normal opacity-70 mt-4">
|
||||
Building competitive applications these days is challenging, but
|
||||
we believe that we have what it takes for both native languages
|
||||
and hybrid solutions. Native mobile solutions for iOS are built
|
||||
with Swift & Objective-C and Android solutions are built with
|
||||
Java & Kotlin. We love using technologies like React Native and
|
||||
Electron to build cross-platform apps.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border rounded p-4 my-4">
|
||||
<h3 className="opacity-30">Technologies</h3>
|
||||
<p className="font-light leading-normal opacity-70 mt-4">
|
||||
Keeping track of emerging technologies is important to us so that we
|
||||
can deliver forward-thinking solutions, but we understand that
|
||||
technologies as just tools. That's why we're keen on being framework
|
||||
agnostic and selecting the best tools for your needs. Below are some
|
||||
of the technologies that we're currently working with on a daily
|
||||
basis.
|
||||
</p>
|
||||
<Technologies />
|
||||
</div>
|
||||
<img src={FullstackDev} alt="Ricoh Logo" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="container mx-auto mt-12 p-4">
|
||||
<div className="md:flex mt-4">
|
||||
<div className="bg-indigo shadow p-6 bg:indigo-light md:rounded-tl">
|
||||
<h3 className="text-l my-2 text-white">Modern Web Development</h3>
|
||||
<p className="leading-normal text-white opacity-80">
|
||||
We offer full-cycle web development services for the connected
|
||||
world. Our talented developers work with popular languages and are
|
||||
always up to speed with cutting edge trends in web development. We
|
||||
provide services for both custom web development solutions and
|
||||
extensions for third party solutions.
|
||||
</p>
|
||||
<section className="bg-saburly-fadeout-up">
|
||||
<div className="container mx-auto">
|
||||
<div className="md:flex">
|
||||
<SectionIntro
|
||||
classes="max-w-lg"
|
||||
headline="UX & UI Design"
|
||||
text="At Saburly, we offer consistent quality that extends to every section of the application development. All devices and screen sizes are welcome
|
||||
here."
|
||||
>
|
||||
<p className="font-light leading-normal opacity-70 mt-4">
|
||||
Our approach is simple: focus on how users might use the product
|
||||
in the best way possible.. The solutions are usually shaped
|
||||
through iterative processes of research, prototyping and testing.
|
||||
</p>
|
||||
</SectionIntro>
|
||||
<img src={UXdesign} alt="User Experience Design Agency" />
|
||||
</div>
|
||||
|
||||
<div className="bg-indigo shadow p-6">
|
||||
<h3 className="text-l text-white my-2">Mobile App Development</h3>
|
||||
<p className="leading-normal text-white opacity-80">
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="bg-indigo shadow p-6 rounded-tr">
|
||||
<h3 className="text-l my-2 text-white">UX & UI Design</h3>
|
||||
<p className="leading-normal text-white opacity-80">
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border border-indigo mb-8 rounded-b p-4 shadow">
|
||||
<SectionIntro
|
||||
headline="Technologies"
|
||||
classes="text-center text-l max-w-lg mx-auto"
|
||||
text="We understand that technologies are just tools, so we tend to be framework agnostic and select the best tools for your needs. These are the technologies that we're currently working with on a daily basis."
|
||||
/>
|
||||
<Technologies />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div className="bg-grey-lighter p-4">
|
||||
<div className="bg-saburly-fadeout-up p-4">
|
||||
<section className="container mx-auto mt-8 max-w-lg text-center">
|
||||
<SectionIntro
|
||||
headline="How We Work"
|
||||
|
||||
Reference in New Issue
Block a user