CSS fix and change of texts

src/components/Header.js

@@ -11,44 +11,44 @@ let menuClasses =
 class Header extends Component {
   render() {
     return (
-        <header className="bg-saburly-indigo">
+      <header className="bg-saburly-indigo">
-          <nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
+        <nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
-            <Link to="/">
+          <Link to="/">
-              <div className="max-w-xs mr-8">
+            <div className="max-w-xs mr-8">
-                <img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
+              <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>
             </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">
+          <div className="side-toggle">
-              <ul className="list-reset text-sm">
+            <button className="menu_icon visible lg:invisible">
-                <Link to="/services">
+              <span className="menu_bar-top" />
-                  <li className={menuClasses}>What We Do</li>
+              <span className="menu_bar-mid" />
-                </Link>
+              <span className="menu_bar-bot" />
-                <Link to="/about">
+            </button>
-                  <li className={menuClasses}>Team</li>
+          </div>
-                </Link>
-                <Link to="/blog">
-                  <li className={menuClasses}>Blog</li>
-                </Link>
 
-                <Button
+          <div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
-                  text="Contact"
+            <ul className="list-reset text-sm">
-                  standard
+              <Link to="/services">
-                  classes="rounded-full text-white hover:shadow"
+                <li className={menuClasses}>What We Do</li>
-                  url="/contact"
+              </Link>
-                />
+              <Link to="/about">
-              </ul>
+                <li className={menuClasses}>Who We Are</li>
-            </div>
+              </Link>
-          </nav>
+              <Link to="/blog">
-        </header>
+                <li className={menuClasses}>Blog</li>
+              </Link>
+
+              <Button
+                text="Contact"
+                standard
+                classes="rounded-full text-white hover:shadow"
+                url="/contact"
+              />
+            </ul>
+          </div>
+        </nav>
+      </header>
     )
   }
 }

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"
+      headline="We build the right software for your business goals"
-      text="We are a team of creative, open minded, skilled and passionate engineers that ship success daily"
+      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"
         />
 

src/styles/general.css

@@ -1,11 +1,11 @@
 html {
-    overflow: hidden;
+  overflow: hidden;
-    height: 100%;
+  height: 100%;
 }
 
 body {
-    height: 100%;
+  height: 100%;
-    overflow: auto;
+  overflow: auto;
 }
 
 .bg-saburly-indigo {