feat: added iconography for all specs

Author: Kapil Gowru

fern/products/home/pages/welcome.mdx

@@ -222,36 +222,36 @@ import { FernFooter } from "../../../components/FernFooter";
       </div>
 
       <div className="specs-grid">
-        <div className="specs-card">
+        <a className="specs-card" href="/api-definitions/openapi/overview">
           <img className="m-0 dark:hidden" src="./images/openapi-light.svg" alt="Github Preview" noZoom/>
           <img className="m-0 hidden dark:block" src="./images/openapi-dark.svg" alt="Github Preview" noZoom />
 
           <h3 className="community-card-title">OpenAPI</h3>
-        </div>
-        <div className="specs-card">
+        </a>
+        <a className="specs-card" href="/api-definitions/asyncapi/overview">
           <img className="m-0 dark:hidden" src="./images/asyncapi-light.svg" alt="Github Preview" noZoom/>
           <img className="m-0 hidden dark:block" src="./images/asyncapi-dark.svg" alt="Github Preview" noZoom />
 
           <h3 className="community-card-title">AsyncAPI</h3>
-        </div>
-        <div className="specs-card">
+        </a>
+        <a className="specs-card" href="/api-definitions/openrpc/overview">
           <img className="m-0 dark:hidden" src="./images/openrpc-light.svg" alt="Github Preview" noZoom/>
           <img className="m-0 hidden dark:block" src="./images/openrpc-dark.svg" alt="Github Preview" noZoom />
 
           <h3 className="community-card-title">OpenRPC</h3>
-        </div>
-        <div className="specs-card">
+        </a>
+        <a className="specs-card" href="/api-definitions/grpc/overview">
           <img className="m-0 dark:hidden" src="./images/grpc-light.svg" alt="Github Preview" noZoom/>
           <img className="m-0 hidden dark:block" src="./images/grpc-dark.svg" alt="Github Preview" noZoom />
 
           <h3 className="community-card-title">gRPC</h3>
-        </div>
-        <div className="specs-card">
+        </a>
+        <a className="specs-card" href="/api-definitions/ferndef/overview">
           <img className="m-0 dark:hidden" src="./images/fern-definition-light.svg" alt="Github Preview" noZoom/>
           <img className="m-0 hidden dark:block" src="./images/fern-definition-dark.svg" alt="Github Preview" noZoom />
 
           <h3 className="community-card-title">Fern Definition</h3>
-        </div>
+        </a>
       </div>
     </div>
     {/* Community Section */}