From 945c93027d07c1a893f4fdf0b4442b9bdccb2a3d Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Sat, 7 Jul 2018 10:43:29 +0200
Subject: [PATCH] CSS fix and change of texts

---
 src/components/Header.js | 70 ++++++++++++++++++++--------------------
 src/pages/index.js       |  8 ++---
 src/styles/general.css   |  8 ++---
 3 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/src/components/Header.js b/src/components/Header.js
index 149a6ca..d30fa5d 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -11,44 +11,44 @@ let menuClasses =
 class Header extends Component {
   render() {
     return (
-        <header className="bg-saburly-indigo">
-          <nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
-            <Link to="/">
-              <div className="max-w-xs mr-8">
-                <img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
-              </div>
-            </Link>
-
-            <div className="side-toggle">
-              <button className="menu_icon visible lg:invisible">
-                <span className="menu_bar-top" />
-                <span className="menu_bar-mid" />
-                <span className="menu_bar-bot" />
-              </button>
+      <header className="bg-saburly-indigo">
+        <nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
+          <Link to="/">
+            <div className="max-w-xs mr-8">
+              <img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
             </div>
+          </Link>
 
-            <div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
-              <ul className="list-reset text-sm">
-                <Link to="/services">
-                  <li className={menuClasses}>What We Do</li>
-                </Link>
-                <Link to="/about">
-                  <li className={menuClasses}>Team</li>
-                </Link>
-                <Link to="/blog">
-                  <li className={menuClasses}>Blog</li>
-                </Link>
+          <div className="side-toggle">
+            <button className="menu_icon visible lg:invisible">
+              <span className="menu_bar-top" />
+              <span className="menu_bar-mid" />
+              <span className="menu_bar-bot" />
+            </button>
+          </div>
 
-                <Button
-                  text="Contact"
-                  standard
-                  classes="rounded-full text-white hover:shadow"
-                  url="/contact"
-                />
-              </ul>
-            </div>
-          </nav>
-        </header>
+          <div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
+            <ul className="list-reset text-sm">
+              <Link to="/services">
+                <li className={menuClasses}>What We Do</li>
+              </Link>
+              <Link to="/about">
+                <li className={menuClasses}>Who We Are</li>
+              </Link>
+              <Link to="/blog">
+                <li className={menuClasses}>Blog</li>
+              </Link>
+
+              <Button
+                text="Contact"
+                standard
+                classes="rounded-full text-white hover:shadow"
+                url="/contact"
+              />
+            </ul>
+          </div>
+        </nav>
+      </header>
     )
   }
 }
diff --git a/src/pages/index.js b/src/pages/index.js
index 678c040..db58e34 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -19,12 +19,12 @@ const IndexPage = ({ ...props }) => (
   <div>
     <PageIntro
       button
-      buttonText="Let's Build Something Awesome"
+      buttonText="Let's Connect"
       url="/contact"
       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 needs"
-      text="We are a team of creative, open minded, skilled and passionate engineers that ship success daily"
+      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."
       image={ImgIntro}
     />
 
@@ -49,7 +49,7 @@ const IndexPage = ({ ...props }) => (
 
         <Service
           img={ImgDesign}
-          title="UX & UI Design"
+          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"
         />
 
diff --git a/src/styles/general.css b/src/styles/general.css
index 3f14765..7254267 100644
--- a/src/styles/general.css
+++ b/src/styles/general.css
@@ -1,11 +1,11 @@
 html {
-    overflow: hidden;
-    height: 100%;
+  overflow: hidden;
+  height: 100%;
 }
 
 body {
-    height: 100%;
-    overflow: auto;
+  height: 100%;
+  overflow: auto;
 }
 
 .bg-saburly-indigo {