Styling fix and change of strings

src/pages/contact.js

@@ -5,17 +5,16 @@ import SectionIntro from '../components/SectionIntro'
 
 const ContactPage = () => (
   <div>
-  <PageIntro intro="Contact" headline="Let's Connect" text="We're looking forward to make something awesome together" sectionClasses="mb-16 lg:mb-8" />
+  <PageIntro intro="Contact" headline="Let's Connect" text="We're looking forward to build something awesome together" sectionClasses="mb-16 lg:mb-8" />
 
   <section className="container mx-auto my-12 p-4">
         <SectionIntro
-          headline="We're looking forward to make something awesome together."
+          headline="Use the form below or any of the alternatives to connect"
-          text="Use the form below and  back to you soon."
         />
 
+        <p>Request a Proposal</p>
         <p>Request a Video Call</p>
-        <p>Request a proposal</p>
+        <p>Old-fashioned phone calls work as well: - +...</p>
-        <p>Old-fashioned phone calls work too - +...</p>
       </section>
   </div>
 )

src/pages/index.js

@@ -17,7 +17,16 @@ import LogoCoor from '../images/logo-coor-color.svg'
 
 const IndexPage = ({ ...props }) => (
   <div>
-    <PageIntro button buttonText="Let's Build Together" url="/proposal" 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" image={ImgIntro} />
+    <PageIntro
+      button
+      buttonText="Let's Build Something Awesome"
+      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"
+      image={ImgIntro}
+    />
 
     <main>
       <section className="container mx-auto text-center my-12 p-4">
@@ -61,7 +70,7 @@ const IndexPage = ({ ...props }) => (
         <div className="py-8 text-center lg:flex justify-center">
           <Button
             standard
-            text="More About Our Work"
+            text="Read More About What We Do"
             url="/services"
             classes="m-1 rounded-full hover:shadow-md text-grey-darker hover:shadow"
           />

src/styles/general.css

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