Fix CTA + double <a> tag on homepage cards

Author: pwizla

docusaurus/src/components/Card/Card.jsx

@@ -103,25 +103,50 @@ export function CardCta({
   text,
   color = '#000',
   withArrow,
+  asPlainContent = false,
   ...rest
 }) {
-  return (
-    <Link
-     className={className}
-     to={to}
-     style={{
-      color: color,
-      paddingTop: '15px',
-      paddingBottom: '50px',
-    }}>
+  const contentJSX = (
+    <>
       {text}
       {withArrow && (
         <span className={styles.card__title__arrow}>
           <IconArrow />
         </span>
       )}
+    </>
+  );
+
+  if (asPlainContent) {
+    return (
+      <div 
+        className={className} 
+        style={{
+          color: color,
+          paddingTop: '15px',
+          paddingBottom: '50px',
+        }}
+        {...rest}
+      >
+        {contentJSX}
+      </div>
+    );
+  }
+
+  return (
+    <Link
+      className={className}
+      to={to}
+      style={{
+        color: color,
+        paddingTop: '15px',
+        paddingBottom: '50px',
+      }}
+      {...rest}
+    >
+      {contentJSX}
     </Link>
-  )
+  );
 }
 
 export function Card({

docusaurus/src/pages/home/Home.jsx

@@ -154,11 +154,21 @@ export default function PageHome() {
                       styles.home__categories__item,
                     )}
                   >
-                    <Card categoryType={categoryType} asCallToAction>
+                    <Card categoryType={categoryType} href={categoryItemCardLink} asCallToAction>
                       {categoryItemCardIconName && <CardIcon name={categoryItemCardIconName} color={categoryItemCardIconColor}/>}
-                      {categoryItemCardTitle && <CardTitle >{categoryItemCardTitle}</CardTitle>}
+                      {categoryItemCardTitle && <CardTitle>{categoryItemCardTitle}</CardTitle>}
                       {categoryItemCardDescription && <CardDescription>{categoryItemCardDescription}</CardDescription>}
-                      {categoryItemCardLink && <CardCta withArrow to={categoryItemCardLink} text={categoryItemCardCtaText} color={categoryItemCardIconColor} className="category-card-cta" />}
+                      {/* Use asPlainContent=true when parent Card already has asCallToAction */}
+                      {categoryItemCardLink && 
+                        <CardCta 
+                          asPlainContent={true} 
+                          withArrow={true} 
+                          to={categoryItemCardLink} 
+                          text={categoryItemCardCtaText} 
+                          color={categoryItemCardIconColor} 
+                          className="category-card-cta" 
+                        />
+                      }
                       {categoryItemCardImgSrc && <CardImg src={categoryItemCardImgSrc} />}
                     </Card>
                     {/* {categoryItem.links && (