Services descriptions and design tweaks

src/components/InfoBox.js

@@ -3,8 +3,8 @@ import Link from 'gatsby-link'
 
 const InfoBox = ({ ...props }) => (
   <div className={`${props.classes}`}>
-    <h3>{props.headline}</h3>
-    <p>{props.text}</p>
+    <h2>{props.headline}</h2>
+    <p className="leading-normal">{props.text}</p>
   </div>
 )
 

src/pages/index.js

@@ -25,7 +25,7 @@ const IndexPage = ({ ...props }) => (
       buttonClasses="text-white shadow-md hover:shadow-lg rounded-full mt-4 font-light btn-saburly-green mb-20"
       intro="Welcome To Saburly"
       headline="We build the right software for your business goals"
-      text="We are a team of highly experienced, creative, open-minded and passionate engineers. Our mission is clear: to make you clients stand out and gain competitive advantages with the help of modern technologies."
+      text="We are a team of highly experienced, creative and passionate engineers. Our mission is clear: to make you stand out and gain competitive advantages with the help of modern technologies."
       image={ImgIntro}
     />
 
@@ -34,7 +34,7 @@ const IndexPage = ({ ...props }) => (
         <SectionIntro
           intro="Services"
           headline="Because great code makes our heart pound"
-          text="We have a deep passion for cutting edge software with an incredible user experience. We create custom end-to-end solutions that will make you stand out. Our skilled team can even help you with initial analysis, architecture design, testing and deployments"
+          text="We have a deep passion for cutting edge technologies and incredible user experiences. We create custom end-to-end solutions that will make you stand out. Our skilled team can even help you with initial analysis, architecture design, testing and deployments"
         />
       </section>
 
@@ -51,39 +51,27 @@ const IndexPage = ({ ...props }) => (
         <Service
           img={ImgDesign}
           title="User Experience Design"
-          text="Our approach is simple: focus on how people will actually use the products. We offer prototyping, UI and UX design for web and mobile products. We shape UX through research, data & content analysis"
+          text="Our approach is simple: focus on how users can 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."
         />
 
         <Service
           reversed
           img={ImgFullstack}
           title="Fullstack Web Development"
-          text="We build web applications using the technologies such as JavaScript, React, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time"
-        />
-
-        <InfoBox
-          classes="bg-white p-8 shadow md:m-0 opacity-70 md:max-w-sm"
-          headline="Blockchain"
-          text="Info..."
-        />
-
-        <InfoBox
-          classes="bg-white p-8 shadow md:m-0 opacity-70 md:max-w-sm"
-          headline="AI & Automation"
-          text="Info..."
+          text="At Saburly, we are experts in web development services 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."
         />
 
         <Service
           img={ImgMobile}
           imgClasses="max-h-sm"
           title="Mobile App Development"
-          text="We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also enjoy working with React Native technology because it allows writing native apps for both platform at once"
+          text="We have the necessary skillset to develop iOS and Android applications using both native languages and hybrid solutions. Solutions for iOS are built with Swift & Objective-C and Android solutions with Java & Kotlin. We enjoy using technologies such as React Native to build cross-platform native apps."
         />
 
         <div className="py-8 text-center lg:flex justify-center">
           <Button
             standard
-            text="Read More About What We Do"
+            text="More About What We Do"
             url="/services"
             classes="m-1 rounded-full hover:shadow-md text-grey-darker hover:shadow"
           />
@@ -94,7 +82,7 @@ const IndexPage = ({ ...props }) => (
         <SectionIntro
           intro="Clients"
           headline="With ambitious projects comes great responsibility"
-          text="We think big, design smart and develop fast for all projects and teams. Currently we’re serving everything from global leaders to startups and we tailor our processes based on your scale and needs. We have helped some of the worlds leading enterprises and businesses bring ideas to life and we’re really interested in hearing what we can help you with"
+          text="We think big, design smart and develop fast for teams of various sizes. Currently we’re serving everything from Fortune 500 companies to startups and we tailor our processes based on your scale and needs. We have helped some of the worlds leading enterprises and businesses bring ideas to life and we’re really interested in hearing what we can help you with"
         />
         <div className="p-4 md:flex items-center max-w-full justify-center">
           <img

src/styles/general.css

@@ -1,13 +1,3 @@
-html {
-  overflow: hidden;
-  height: 100%;
-}
-
-body {
-  height: 100%;
-  overflow: auto;
-}
-
 .bg-saburly-indigo {
   background: rgb(69, 76, 183);
   background: linear-gradient(