Changed favicon and strings
This commit is contained in:
Morris
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.0 KiB |
@@ -31,15 +31,15 @@ const IndexPage = ({ ...props }) => (
|
|||||||
<PageTransition>
|
<PageTransition>
|
||||||
<SEO
|
<SEO
|
||||||
siteTitle="Saburly - Digital agency that makes you stand out"
|
siteTitle="Saburly - Digital agency that makes you stand out"
|
||||||
siteDescription="We're in the business of solving real-world problems with digital solutions. Our mission is to make you stand out with the help of modern technologies"
|
siteDescription="We are in the business of solving real-world problems with digital solutions. Our mission is to make you stand out with the help of modern technologies"
|
||||||
siteUrl="https://saburly.com"
|
siteUrl="https://saburly.com"
|
||||||
/>
|
/>
|
||||||
<PageIntro
|
<PageIntro
|
||||||
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."
|
text="We are 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}
|
image={ImgIntro}
|
||||||
imgClasses="-mb-20 p-2 md:p-8"
|
imgClasses="-mb-20 p-2 md:p-8"
|
||||||
>
|
>
|
||||||
<h2 className="my-4 text-3xl xsm:text-4xl text-black md:text-5xl">
|
<h1 className="my-4 text-3xl xsm:text-4xl text-black md:text-5xl">
|
||||||
We{' '}
|
We{' '}
|
||||||
<Typed
|
<Typed
|
||||||
strings={['imagine', 'design', 'develop', 'maintain']}
|
strings={['imagine', 'design', 'develop', 'maintain']}
|
||||||
@@ -49,14 +49,14 @@ const IndexPage = ({ ...props }) => (
|
|||||||
loop
|
loop
|
||||||
/>
|
/>
|
||||||
great<br />digital experiences
|
great<br />digital experiences
|
||||||
</h2>
|
</h1>
|
||||||
</PageIntro>
|
</PageIntro>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<section className="container mx-auto max-w-lg text-center mt-16 p-4">
|
<section className="container mx-auto max-w-lg text-center mt-16 p-4">
|
||||||
<SectionIntro
|
<SectionIntro
|
||||||
classes="my-10"
|
classes="my-10"
|
||||||
h2Classes="text-3xl xsm:text-4xl sm:text-6xl"
|
h2Classes="text-3xl xsm:text-4xl sm:text-6xl font-black"
|
||||||
headline="Because beautiful code makes our heart pound"
|
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. Our developers deliver custom end-to-end software solutions daily and can even help you with initial analysis, architecture design, testing and deployments."
|
||||||
/>
|
/>
|
||||||
@@ -65,7 +65,7 @@ const IndexPage = ({ ...props }) => (
|
|||||||
<section className="relative">
|
<section className="relative">
|
||||||
<Service
|
<Service
|
||||||
classes="py-8"
|
classes="py-8"
|
||||||
h2Classes="text-2xl xsm:text-3xl font-medium saburly-color"
|
h2Classes="text-2xl xsm:text-3xl saburly-color"
|
||||||
img={ImgDesign}
|
img={ImgDesign}
|
||||||
title="User Experience Design"
|
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 UI 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."
|
||||||
@@ -74,7 +74,7 @@ const IndexPage = ({ ...props }) => (
|
|||||||
<Service
|
<Service
|
||||||
reversed
|
reversed
|
||||||
classes="py-8"
|
classes="py-8"
|
||||||
h2Classes="text-2xl xsm:text-3xl font-medium saburly-color"
|
h2Classes="text-2xl xsm:text-3xl saburly-color"
|
||||||
img={ImgFullstack}
|
img={ImgFullstack}
|
||||||
title="Full-Stack Development"
|
title="Full-Stack Development"
|
||||||
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."
|
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."
|
||||||
@@ -84,7 +84,7 @@ const IndexPage = ({ ...props }) => (
|
|||||||
<Service
|
<Service
|
||||||
img={ImgMobile}
|
img={ImgMobile}
|
||||||
classes="py-8"
|
classes="py-8"
|
||||||
h2Classes="text-2xl xsm:text-3xl font-medium saburly-color"
|
h2Classes="text-2xl xsm:text-3xl saburly-color"
|
||||||
imgClasses="max-h-sm"
|
imgClasses="max-h-sm"
|
||||||
title="Mobile App Development"
|
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."
|
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."
|
||||||
@@ -96,7 +96,7 @@ const IndexPage = ({ ...props }) => (
|
|||||||
<SectionIntro
|
<SectionIntro
|
||||||
h2Classes="text-3xl xsm:text-4xl sm:text-5xl"
|
h2Classes="text-3xl xsm:text-4xl sm:text-5xl"
|
||||||
headline="You'll be in great company"
|
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."
|
text="By thinking big, designing smart and developing fast, we are helping organizations of various sizes bring life to ideas. We are 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">
|
<div className="p-4 sm:flex flex-wrap items-center max-w-full justify-around">
|
||||||
<div className="sm:w-1/2 md:w-1/6 p-2">
|
<div className="sm:w-1/2 md:w-1/6 p-2">
|
||||||
|
|||||||
@@ -14,12 +14,17 @@ import HowWeWork from '../images/custom-software-workflow.svg'
|
|||||||
|
|
||||||
import PageTransition from 'gatsby-plugin-page-transitions'
|
import PageTransition from 'gatsby-plugin-page-transitions'
|
||||||
|
|
||||||
let headerClasses = "my-2 text-xl md:text-3xl font-medium text-black"
|
let headerClasses = 'my-2 text-xl md:text-3xl font-medium text-black'
|
||||||
let textClasses="font-serif opacity-80 font-light leading-normal text-black-light text-lg"
|
let textClasses =
|
||||||
|
'font-serif opacity-80 font-light leading-normal text-black-light text-lg'
|
||||||
|
|
||||||
const ServicesPage = () => (
|
const ServicesPage = () => (
|
||||||
<PageTransition>
|
<PageTransition>
|
||||||
<SEO siteTitle="Saburly - App Development & Mobile Design Services" siteDescription="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity" siteUrl="https://saburly.com/services" />
|
<SEO
|
||||||
|
siteTitle="Saburly - App Development & Mobile Design Services"
|
||||||
|
siteDescription="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity"
|
||||||
|
siteUrl="https://saburly.com/services"
|
||||||
|
/>
|
||||||
<PageIntro
|
<PageIntro
|
||||||
tiltImage
|
tiltImage
|
||||||
straight
|
straight
|
||||||
@@ -30,147 +35,136 @@ const ServicesPage = () => (
|
|||||||
imgClasses="-mb-12 border-white rounded-lg"
|
imgClasses="-mb-12 border-white rounded-lg"
|
||||||
/>
|
/>
|
||||||
<section className="px-4 py-16">
|
<section className="px-4 py-16">
|
||||||
<div className="container mx-auto">
|
<div className="container mx-auto">
|
||||||
<div className="lg:flex">
|
<div className="lg:flex">
|
||||||
<img
|
<img
|
||||||
src={UXdesign}
|
src={UXdesign}
|
||||||
className="hidden md:mr-8 lg:block -mt-12"
|
className="hidden md:mr-8 lg:block -mt-12"
|
||||||
alt="User Experience Design Agency"
|
alt="User Experience Design Agency"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<SectionIntro
|
<SectionIntro
|
||||||
h2Classes="text-3xl md:text-5xl saburly-color"
|
h2Classes="text-3xl md:text-5xl saburly-color"
|
||||||
classes="lg:my-20 max-w-lg"
|
classes="lg:my-20 max-w-lg"
|
||||||
headline="Design services"
|
headline="Design services"
|
||||||
text="We offer consistent quality design that extends to every section of the application development. Our approach is simple: focus on how users might use the product
|
text="We offer consistent quality design that extends to every section of the application development. Our approach is simple: focus on how users might use the product
|
||||||
in the best way possible. The solutions are usually shaped
|
in the best way possible. The solutions are usually shaped
|
||||||
through iterative processes of research, prototyping and
|
through iterative processes of research, prototyping and
|
||||||
testing. All devices and screen sizes are welcome
|
testing. All devices and screen sizes are welcome
|
||||||
here."
|
here."
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src={UXdesign}
|
src={UXdesign}
|
||||||
className="lg:hidden p-8 mx-auto w-full -mt-12"
|
className="lg:hidden p-8 mx-auto w-full -mt-12"
|
||||||
alt="User Experience Design Agency"
|
alt="User Experience Design Agency"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div className="my-8">
|
<div className="my-8">
|
||||||
<h3 className={headerClasses}>
|
<h3 className={headerClasses}>Conceptualization & Branding</h3>
|
||||||
Conceptualization & Branding
|
<p className="font-light font-serif opacity-80 leading-normal text-black-light text-lg">
|
||||||
</h3>
|
Before our designers work on visual details, we start off by
|
||||||
<p className="font-light font-serif opacity-80 leading-normal text-black-light text-lg">
|
creating a clear understanding of the problem that you're trying
|
||||||
Before our designers work on visual details, we start off by
|
to solve with the project. After collecting and analyzing data,
|
||||||
creating a clear understanding of the problem that you're
|
we develop concept that becomes a guideline for the design.
|
||||||
trying to solve with the project. After collecting and
|
</p>
|
||||||
analyzing data, we develop concept that becomes a guideline
|
</div>
|
||||||
for the design.
|
<div className="my-8">
|
||||||
</p>
|
<h3 className={headerClasses}>UX & UI Design</h3>
|
||||||
</div>
|
<p className={textClasses}>
|
||||||
<div className="my-8">
|
We love to design pixel-perfect products that are easy to use
|
||||||
<h3 className={headerClasses}>
|
and delightful to interact with. From User-Flows, Lo-Fi & Hi-Fi
|
||||||
UX & UI Design
|
Wireframes and Prototypes to polished slick end-products, we
|
||||||
</h3>
|
create digital experiences that stand out. This is done through
|
||||||
<p className={textClasses}>
|
our human-centered UI/UI approach where the main goal is to
|
||||||
We love to design pixel-perfect products that are easy to use
|
effectively communicate the functionality of your product to its
|
||||||
and delightful to interact with. From User-Flows, Lo-Fi &
|
target audience.
|
||||||
Hi-Fi Wireframes and Prototypes to polished slick
|
</p>
|
||||||
end-products, we create digital experiences that stand out.
|
</div>
|
||||||
This is done through our human-centered UI/UI approach where
|
</SectionIntro>
|
||||||
the main goal is to effectively communicate the functionality
|
|
||||||
of your product to its target audience.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</SectionIntro>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section className="bg-saburly relative bg-saburly-lighter px-4 p-16 ">
|
<section className="bg-saburly relative bg-saburly-lighter px-4 p-16 ">
|
||||||
<div className="container mx-auto">
|
<div className="container mx-auto">
|
||||||
<div className="lg:flex">
|
<div className="lg:flex">
|
||||||
<div>
|
<div>
|
||||||
<SectionIntro
|
<SectionIntro
|
||||||
h2Classes="saburly-color text-3xl md:text-5xl"
|
h2Classes="saburly-color text-3xl md:text-5xl"
|
||||||
headline="Software development"
|
headline="Software development"
|
||||||
text="From infrastructure to AI, we develop data-driven Full-Stack applications for both custom software and third party solutions."
|
text="From infrastructure to AI, we develop data-driven Full-Stack applications for both custom software and third party solutions."
|
||||||
/>
|
/>
|
||||||
<img
|
|
||||||
src={WebdevServices}
|
|
||||||
className="lg:hidden w-full mx-auto text-center content-center align-center p-8"
|
|
||||||
alt="Fullstack Web Development Agency"
|
|
||||||
/>
|
|
||||||
<div className="my-8">
|
|
||||||
<h3 className={headerClasses}>
|
|
||||||
Web development
|
|
||||||
</h3>
|
|
||||||
<p className={textClasses}>
|
|
||||||
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.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="my-8">
|
|
||||||
<h3 className={headerClasses}>
|
|
||||||
Mobile & desktop apps
|
|
||||||
</h3>
|
|
||||||
<p className={textClasses}>
|
|
||||||
Building competitive applications these days is challenging,
|
|
||||||
but we believe that we have what it takes for both native
|
|
||||||
languages and hybrid solutions. We love using technologies
|
|
||||||
like React Native and Electron to build cross-platform apps.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="my-8">
|
|
||||||
<h3 className={headerClasses}>
|
|
||||||
DevOps
|
|
||||||
</h3>
|
|
||||||
<p className={textClasses}>
|
|
||||||
Our DevOps experience comes from working with leading hosting
|
|
||||||
providers such as AWS and Google Cloud Platform. We offer
|
|
||||||
setups and automation to support delivery across all our
|
|
||||||
applications. We use the most up-to-date tools to enable
|
|
||||||
stable and predictable processes of continuous delivery.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<img
|
<img
|
||||||
src={WebdevServices}
|
src={WebdevServices}
|
||||||
className="hidden lg:block w-full max-h-35 mx-auto text-center content-center align-center p-8"
|
className="lg:hidden w-full mx-auto text-center content-center align-center p-8"
|
||||||
alt="Fullstack Web Development Agency"
|
alt="Fullstack Web Development Agency"
|
||||||
/>
|
/>
|
||||||
|
<div className="my-8">
|
||||||
|
<h3 className={headerClasses}>Web development</h3>
|
||||||
|
<p className={textClasses}>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="my-8">
|
||||||
|
<h3 className={headerClasses}>Mobile & desktop apps</h3>
|
||||||
|
<p className={textClasses}>
|
||||||
|
Building competitive applications these days is challenging, but
|
||||||
|
we believe that we have what it takes for both native languages
|
||||||
|
and hybrid solutions. We love using technologies like React
|
||||||
|
Native and Electron to build cross-platform apps.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="my-8">
|
||||||
|
<h3 className={headerClasses}>DevOps</h3>
|
||||||
|
<p className={textClasses}>
|
||||||
|
Our DevOps experience comes from working with leading hosting
|
||||||
|
providers such as AWS and Google Cloud Platform. We offer setups
|
||||||
|
and automation to support delivery across all our applications.
|
||||||
|
We use the most up-to-date tools to enable stable and
|
||||||
|
predictable processes of continuous delivery.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="p-8 my-4 bg-white border-bottom-saburly">
|
<img
|
||||||
<h3 className={headerClasses}>Emerging Technologies</h3>
|
src={WebdevServices}
|
||||||
<p className={textClasses}>
|
className="hidden lg:block w-full max-h-35 mx-auto text-center content-center align-center p-8"
|
||||||
We harness a wide array of emerging technologies, such as{' '}
|
alt="Fullstack Web Development Agency"
|
||||||
<strong>AR/VR</strong>, <strong>AI technologies</strong>,{' '}
|
/>
|
||||||
<strong>Machine Learning</strong> and <strong>Blockchain</strong>,
|
</div>
|
||||||
pushing the boundaries of user experience across physical and
|
<div className="p-8 my-4 bg-white border-bottom-saburly">
|
||||||
digital. Keeping track of emerging technologies is important to us
|
<h3 className={headerClasses}>Emerging Technologies</h3>
|
||||||
so that we can deliver forward-thinking solutions, but we
|
<p className={textClasses}>
|
||||||
understand that technologies as just tools. That's why we're keen
|
We harness a wide array of emerging technologies, such as{' '}
|
||||||
on being framework agnostic and selecting the best tools for your
|
<strong>AR/VR</strong>, <strong>AI technologies</strong>,{' '}
|
||||||
needs. Below are some of the technologies that we're currently
|
<strong>Machine Learning</strong> and <strong>Blockchain</strong>,
|
||||||
working with on a daily basis.
|
pushing the boundaries of user experience across physical and
|
||||||
</p>
|
digital. Keeping track of emerging technologies is important to us
|
||||||
<Technologies />
|
so that we can deliver forward-thinking solutions, but we understand
|
||||||
</div>
|
that technologies as just tools. That's why we are keen on being
|
||||||
|
framework agnostic and selecting the best tools for your needs.
|
||||||
|
Below are some of the technologies that we are currently working
|
||||||
|
with on a daily basis.
|
||||||
|
</p>
|
||||||
|
<Technologies />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div className="px-4 py-16 bg-saburly-fadeout">
|
<div className="px-4 py-16 bg-saburly-fadeout">
|
||||||
<div className="container mx-auto xl:flex justify-center items-center">
|
<div className="container mx-auto xl:flex justify-center items-center">
|
||||||
<SectionIntro
|
<SectionIntro
|
||||||
h2Classes="text-3xl md:text-5xl saburly-color"
|
h2Classes="text-3xl md:text-5xl saburly-color"
|
||||||
headline="Flexible Workflow"
|
headline="Flexible Workflow"
|
||||||
text="We are helping everything from Fortune 500 companies to startups
|
text="We are helping everything from Fortune 500 companies to startups
|
||||||
and tailor our processes based on your scale and needs. "
|
and tailor our processes based on your scale and needs. "
|
||||||
classes="container mx-auto"
|
classes="container mx-auto"
|
||||||
/>
|
/>
|
||||||
<img src={HowWeWork} className="w-full -mb-16" alt="DevOps Agency" />
|
<img src={HowWeWork} className="w-full -mb-16" alt="DevOps Agency" />
|
||||||
</div>
|
|
||||||
<WorkStyle />
|
|
||||||
</div>
|
</div>
|
||||||
|
<WorkStyle />
|
||||||
|
</div>
|
||||||
</PageTransition>
|
</PageTransition>
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user