Partner logos, styling

src/components/Button.js

@@ -9,7 +9,9 @@ let standardBtn = 'border hover:bg-teal hover:text-white hover:border-teal'
 const Button = ({ ...props }) => (
   <Link
     to={props.url}
-    className={`${props.standard ? standardBtn : ''} ${defaultClasses} ${props.classes}`}
+    className={`${props.standard ? standardBtn : ''} ${defaultClasses} ${
+      props.classes
+    }`}
   >
     {props.text}
   </Link>

src/components/Card.js

@@ -5,22 +5,23 @@ import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png'
 
 const Card = ({ ...props }) => (
   <article className="h-full w-full rounded overflow-hidden shadow bg-white border-bottom-saburly hover:shadow-md">
-    <Link to={props.url}>
+    <Link
+      to={props.url}
+      className="no-underline saburly-transition hover:opacity-50"
+    >
       {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">
-      <Link className="no-underline" to={props.url}>
+      <div className="px-6 py-4">
         <h3 className="text-black font-bold text-xl mb-2">{props.title}</h3>
-      </Link>
-      <p
-        className="text-grey-darker text-base"
-        dangerouslySetInnerHTML={{ __html: props.excerpt }}
-      />
-    </div>
+        <p
+          className="text-grey-darker text-base"
+          dangerouslySetInnerHTML={{ __html: props.excerpt }}
+        />
+      </div>
+    </Link>
   </article>
 )
 

src/components/Footer.js

@@ -20,10 +20,10 @@ const Footer = () => (
           className="p-2 items-center text-white 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">
+          <span className="flex bg-teal hover:bg-teal-dark saburly-transition rounded-full uppercase px-3 py-1 text-xs font-bold mr-3">
             Let's Connect
           </span>
-          <span className="font-normal mr-2 text-left flex-auto">
+          <span className="font-normal mr-2 hover:opacity-80 saburly-transition text-left flex-auto">
             Tell us about your project and get a free proposal
           </span>
           <svg
@@ -49,7 +49,7 @@ const Footer = () => (
               <img
                 src={Facebook}
                 alt="Facebook Social Media"
-                className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
+                className="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full"
               />
             </a>
           </div>
@@ -58,7 +58,7 @@ const Footer = () => (
               <img
                 src={Instagram}
                 alt="Instagram Social Media"
-                className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
+                className="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full"
               />
             </a>
           </div>
@@ -67,7 +67,7 @@ const Footer = () => (
               <img
                 src={Twitter}
                 alt="Twitter Social Media"
-                className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
+                className="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full"
               />
             </a>
           </div>
@@ -76,7 +76,7 @@ const Footer = () => (
               <img
                 src={LinkedIn}
                 alt="LinkedIn Social Media"
-                className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
+                className="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full"
               />
             </a>
           </div>