senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed favicon and strings

Browse Source
This commit is contained in:
Morris
2018-09-29 18:04:43 +02:00
parent c6f1235e86
commit 6b158ab094
4 changed files with 126 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/images/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 136 KiB

After

Width:  |  Height:  |  Size: 48 KiB

BIN
src/images/favicon32.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

18
src/pages/index.js
View File

@@ -31,15 +31,15 @@ const IndexPage = ({ ...props }) => (
<PageTransition>
<SEO
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"
/>
<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}
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{' '}
<Typed
strings={['imagine', 'design', 'develop', 'maintain']}
@@ -49,14 +49,14 @@ const IndexPage = ({ ...props }) => (
loop
/>
great<br />digital experiences
</h2>
</h1>
</PageIntro>
<main>
<section className="container mx-auto max-w-lg text-center mt-16 p-4">
<SectionIntro
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"
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">
<Service
classes="py-8"
h2Classes="text-2xl xsm:text-3xl font-medium saburly-color"
h2Classes="text-2xl xsm:text-3xl 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 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
reversed
classes="py-8"
h2Classes="text-2xl xsm:text-3xl font-medium saburly-color"
h2Classes="text-2xl xsm:text-3xl saburly-color"
img={ImgFullstack}
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."
@@ -84,7 +84,7 @@ const IndexPage = ({ ...props }) => (
<Service
img={ImgMobile}
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"
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."
@@ -96,7 +96,7 @@ const IndexPage = ({ ...props }) => (
<SectionIntro
h2Classes="text-3xl xsm:text-4xl sm: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."
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="sm:w-1/2 md:w-1/6 p-2">

76
src/pages/services.js
View File

@@ -14,12 +14,17 @@ import HowWeWork from '../images/custom-software-workflow.svg'
import PageTransition from 'gatsby-plugin-page-transitions'
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 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'
const ServicesPage = () => (
<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
tiltImage
straight
@@ -55,29 +60,24 @@ const ServicesPage = () => (
/>
<div className="my-8">
<h3 className={headerClasses}>
Conceptualization & Branding
</h3>
<h3 className={headerClasses}>Conceptualization & Branding</h3>
<p className="font-light font-serif opacity-80 leading-normal text-black-light text-lg">
Before our designers work on visual details, we start off by
creating a clear understanding of the problem that you're
trying to solve with the project. After collecting and
analyzing data, we develop concept that becomes a guideline
for the design.
creating a clear understanding of the problem that you're trying
to solve with the project. After collecting and analyzing data,
we develop concept that becomes a guideline for the design.
</p>
</div>
<div className="my-8">
<h3 className={headerClasses}>
UX & UI Design
</h3>
<h3 className={headerClasses}>UX & UI Design</h3>
<p className={textClasses}>
We love to design pixel-perfect products that are easy to use
and delightful to interact with. From User-Flows, Lo-Fi &
Hi-Fi Wireframes and Prototypes to polished slick
end-products, we create digital experiences that stand out.
This is done through our human-centered UI/UI approach where
the main goal is to effectively communicate the functionality
of your product to its target audience.
and delightful to interact with. From User-Flows, Lo-Fi & Hi-Fi
Wireframes and Prototypes to polished slick end-products, we
create digital experiences that stand out. This is done through
our human-centered UI/UI approach where the main goal is to
effectively communicate the functionality of your product to its
target audience.
</p>
</div>
</SectionIntro>
@@ -100,9 +100,7 @@ const ServicesPage = () => (
alt="Fullstack Web Development Agency"
/>
<div className="my-8">
<h3 className={headerClasses}>
Web development
</h3>
<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
@@ -110,26 +108,22 @@ const ServicesPage = () => (
</p>
</div>
<div className="my-8">
<h3 className={headerClasses}>
Mobile & desktop apps
</h3>
<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.
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>
<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.
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>
@@ -147,11 +141,11 @@ const ServicesPage = () => (
<strong>Machine Learning</strong> and <strong>Blockchain</strong>,
pushing the boundaries of user experience across physical and
digital. 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.
so that we can deliver forward-thinking solutions, but we understand
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>