Stylistic and text changes

src/components/Footer.js

@@ -14,7 +14,29 @@ let menuClasses =
 
 const Footer = () => (
   <footer className="bg-saburly-dark">
-    <div className="container mx-auto py-10 lg:flex">
+    <div className="text-center py-4 lg:px-4">
+      <Link className="no-underline text-white" to="/contact">
+        <div
+          className="p-2 items-center text-indigo-lightest leading-none lg:rounded-full flex lg:inline-flex"
+          role="alert"
+        >
+          <span className="flex rounded-full bg-indigo uppercase px-2 py-1 text-xs font-bold mr-3">
+            Let's Connect
+          </span>
+          <span className="font-semibold mr-2 text-left flex-auto">
+            Tell us about your project and get a free proposal
+          </span>
+          <svg
+            className="fill-current opacity-75 h-4 w-4"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 20 20"
+          >
+            <path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z" />
+          </svg>
+        </div>
+      </Link>
+    </div>
+    <div className="container mx-auto lg:flex">
       <div className="lg:w-1/4 p-4">
         <img
           src={LogoSaburly}