Changing Fonts, adding bolder font and styling fixes

src/pages/contact.js

@@ -19,7 +19,7 @@ const ContactPage = () => (
       text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just have any questions."
       sectionClasses="lg:mb-8"
       image={ContactImage}
-      imgClasses="-mb-12 border-white rounded-lg opacity-100 lg:opacity-70 hover:opacity-100"
+      imgClasses="-mb-12 border-white rounded-lg"
     />
 
     <section className="container mx-auto my-12 p-4">
@@ -121,7 +121,7 @@ const ContactPage = () => (
             className="w-full max-w-sm mx-auto pt-16 p-6"
             method="POST"
           >
-            <SectionIntro headline="Send us a message" />
+            <SectionIntro headline="We'd love to hear from you" />
             <div className="md:flex flex-wrap">
               <input
                 className="appearance-none bg-transparent border-contact block w-full typed-cursor py-2"
@@ -156,7 +156,7 @@ const ContactPage = () => (
               value="Send"
               type="submit"
             >
-              Send
+              SEND
             </button>
           </form>
           <div>