Stylistic and text changes

src/components/Card.js

@@ -5,14 +5,14 @@ import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png'
 
 const Card = ({ ...props }) => (
   <article className="h-full w-full rounded overflow-hidden shadow-md hover:shadow-lg">
-  <Link to={props.url}>
+    <Link to={props.url}>
       {props.image ? (
         <img className="w-full" src={props.image.src} />
       ) : (
         <img className="w-full" src={ImgSprint} alt="Sprint Work" />
       )}
     </Link>
-    <div className="px-6 py-4">
+    <div className="px-6 py-4 bg-white">
       <Link className="no-underline" to={props.url}>
         <h3 className="text-black font-bold text-xl mb-2">{props.title}</h3>
       </Link>

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}