Add robots package and stylistic tweaks

src/pages/index.js

@@ -35,7 +35,7 @@ const IndexPage = ({ ...props }) => (
         image={ImgIntro}
         imgClasses="-mb-20 p-2 md:p-8"
       >
-        <h2 className="px-4 text-black text-4xl xl:text-5xl pt-1">
+        <h2 className="px-4 text-2xl text-black md:text-4xl xl:text-5xl pt-1">
           We{' '}
           <Typed
             strings={['imagine', 'design', 'develop', 'maintain']}
@@ -51,9 +51,9 @@ const IndexPage = ({ ...props }) => (
 
     <main>
       <section className="container mx-auto max-w-lg text-center mt-16 p-4">
-        <Fade top>
+        <Fade>
           <SectionIntro
-            h2Classes="text-3xl"
+            h2Classes="text-2xl md:text-3xl"
             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."
           />
@@ -64,7 +64,7 @@ const IndexPage = ({ ...props }) => (
         <Fade>
           <Service
             classes="py-8"
-            h2Classes="text-4xl font-light text-black"
+            h2Classes="text-2xl md:text-4xl font-light text-black"
             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 interface design services for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
@@ -75,7 +75,7 @@ const IndexPage = ({ ...props }) => (
           <Service
             reversed
             classes="py-8"
-            h2Classes="text-4xl font-light text-black"
+            h2Classes="text-2xl md:text-4xl font-light text-black"
             img={ImgFullstack}
             title="Full-Stack Development"
             text="We are experts in modern web development 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."
@@ -87,7 +87,7 @@ const IndexPage = ({ ...props }) => (
           <Service
             img={ImgMobile}
             classes="py-8"
-            h2Classes="text-4xl font-light text-black"
+            h2Classes="text-2xl md:text-4xl font-light text-black"
             imgClasses="max-h-sm"
             title="Mobile 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."
@@ -99,7 +99,7 @@ const IndexPage = ({ ...props }) => (
         <div className="my-8 py-8 container mx-auto max-w-lg">
           <Fade>
             <SectionIntro
-              h2Classes="text-4xl"
+              h2Classes="text-2xl md:text-4xl"
               headline="Ambitious projects bring great responsibility"
               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."
             />
@@ -171,7 +171,7 @@ const IndexPage = ({ ...props }) => (
       <section className="text-center p-4 relative">
         <Fade>
           <SectionIntro
-            h2Classes="text-4xl"
+            h2Classes="text-2xl md:text-4xl"
             headline="Yet sometimes we have fun & publish"
           />
         </Fade>