docs landing page urgent tweaks

src/css/custom.css

@@ -301,8 +301,6 @@ navbar .navbar .navbar__link[href*="self-managed"] {
 
 .component-block {
   transition: all 0.3s ease;
-  background-color: #000;
-  color: white;
   border-radius: 25px;
   box-shadow: 4px 4px 4px 1px lightgray;
   margin: 2px;
@@ -313,6 +311,15 @@ navbar .navbar .navbar__link[href*="self-managed"] {
   transition: all 0.3s ease;
 }
 
+.component-block a {
+  color: var(--ifm-color-black);
+}
+
+.component-block a:hover {
+  color: var(--ifm-color-primary);
+  text-decoration: none;
+}
+
 div[class^="announcementBar_"] {
   font-size: 120%;
   padding: 1em 0;

src/pages/index.js

@@ -55,15 +55,15 @@ function Feature({ imageUrl, url, title, description }) {
   const imgUrl = useBaseUrl(imageUrl);
   return (
     <div className={clsx("col component-block", styles.feature)}>
-      {imgUrl && (
-        <div className="text--center">
-          <Link to={useBaseUrl(url)}>
+      <Link to={useBaseUrl(url)}>
+        {imgUrl && (
+          <div className="text--center">
             <img className={styles.featureImage} src={imgUrl} alt={title} />
-          </Link>
-        </div>
-      )}
-      <h3>{title}</h3>
-      <p>{description}</p>
+          </div>
+        )}
+        <h3>{title}</h3>
+        <p>{description}</p>
+      </Link>
     </div>
   );
 }