feat(blog): site health + AI-citation fixes (A1/AI1 — harden Article schema)

components/AuthorCard.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import Image from "next/image";
 import Link from "next/link";
 import { sanitizeAuthorSlug } from "../utils/sanitizeAuthorSlug";
+import { resolveAuthorAvatar } from "../lib/constants";
 
 /* ── Small arrow icon ── */
 const ArrowRightIcon = () => (
@@ -55,13 +56,13 @@ const AuthorCard: React.FC<AuthorCardProps> = ({
   const roleBg = role === "Writer" ? "#FFF7ED" : "#F5F3FF";
   const profileHref = `/authors/${sanitizeAuthorSlug(name)}`;
 
-  /* Resolve avatar src (handle external URLs via proxy) */
+  /* Resolve avatar src: normalize junk (imag1/image/n/a/empty) to the local
+     placeholder first, then route real external URLs through the proxy. */
+  const safeUrl = resolveAuthorAvatar(imageUrl);
   const resolvedSrc =
-    !imageUrl || imageUrl === "n/a"
-      ? "/blog/images/author.png"
-      : /^https?:\/\//i.test(imageUrl) && basePath
-        ? `${basePath}/api/proxy-image?url=${encodeURIComponent(imageUrl)}`
-        : imageUrl;
+    /^https?:\/\//i.test(safeUrl) && basePath
+      ? `${basePath}/api/proxy-image?url=${encodeURIComponent(safeUrl)}`
+      : safeUrl;
 
   /* Clean description sentences */
   const descriptionText =

components/AuthorHero.tsx

@@ -3,6 +3,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { motion } from "framer-motion";
 import { IoLogoLinkedin } from "react-icons/io5";
+import { resolveAuthorAvatar } from "../lib/constants";
 
 interface AuthorHeroProps {
   name: string;
@@ -17,7 +18,7 @@ const AuthorHero: React.FC<AuthorHeroProps> = ({
   description,
   linkedIn,
 }) => {
-  const resolvedAvatar = !avatarUrl || avatarUrl === "n/a" ? "/blog/images/author.png" : avatarUrl;
+  const resolvedAvatar = resolveAuthorAvatar(avatarUrl);
 
   // Only show social links that actually exist
   const socialSlots = [linkedIn].filter(link => link && link !== "n/a");
@@ -53,9 +54,10 @@ const AuthorHero: React.FC<AuthorHeroProps> = ({
                   href={link!}
                   target="_blank"
                   rel="noopener noreferrer"
+                  aria-label={`${name} on LinkedIn`}
                   className="group flex items-center justify-center w-11 h-11 rounded-full bg-gray-100 text-[#637277] shadow-sm hover:bg-[#0077B5] hover:text-white hover:shadow-md transition-all duration-300"
                 >
-                  <IoLogoLinkedin className="w-5 h-5" />
+                  <IoLogoLinkedin className="w-5 h-5" aria-hidden="true" />
                 </Link>
               ))}
             </div>

components/AuthorMapping.tsx

@@ -3,6 +3,7 @@ import Link from "next/link";
 import Image from "next/image";
 import { Post } from "../types/post";
 import { sanitizeAuthorSlug } from "../utils/sanitizeAuthorSlug";
+import { resolveAuthorAvatar } from "../lib/constants";
 
 export default function AuthorMapping({
   AuthorArray,
@@ -67,23 +68,15 @@ export default function AuthorMapping({
           <Link href={`/authors/${author.slug}`} key={index}>
             <div className="p-5 rounded-lg mt-5 mb-5 flex flex-col justify-between  border border-transparent transform transition-colors  hover:border-accent-2 hover:dark:bg-neutral-400/30 hover:scale-105 cursor-pointer">
               <div className="flex items-center mb-3 sm:mb-0">
-                {author.avatarUrl != "imag1" &&  author.avatarUrl != "image" ? (
-                  <Image
-                    src={author.avatarUrl}
-                    alt={`${author.ppmaAuthorName}'s Avatar`}
-                    className="w-12 h-12 rounded-full mr-3 sm:mr-2 "
-                    height={48}
-                    width={48}
-                  />
-                ) : (
-                  <Image
-                    src={`/blog/images/author.png`}
-                    alt={`${author.ppmaAuthorName}'s Avatar`}
-                    className="w-12 h-12 rounded-full mr-3 sm:mr-2 "
-                    height={48}
-                    width={48}
-                  />
-                )}
+                {/* resolveAuthorAvatar handles any junk value (imag1/image/n/a/
+                    empty), not just the two hardcoded strings this checked before */}
+                <Image
+                  src={resolveAuthorAvatar(author.avatarUrl)}
+                  alt={`${author.ppmaAuthorName}'s Avatar`}
+                  className="w-12 h-12 rounded-full mr-3 sm:mr-2 "
+                  height={48}
+                  width={48}
+                />
                 <h2 className="bg-gradient-to-r from-orange-200 to-orange-100 bg-[length:100%_20px] bg-no-repeat bg-left-bottom w-max mb-8 text-2xl heading1 md:text-xl font-bold tracking-tighter leading-tight">
                   {author.ppmaAuthorName}
                 </h2>

components/cover-image.tsx

@@ -1,6 +1,7 @@
 import Image from "next/image";
 import Link from "next/link";
 import { Post } from "../types/post";
+import { DEFAULT_ARTICLE_IMAGE_URL } from "../lib/structured-data";
 
 interface Props extends Partial<Pick<Post, "title" | "slug">> {
   coverImage: Post["featuredImage"];
@@ -22,13 +23,16 @@ export default function CoverImage({
   sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 780px, 780px",
 }: Props) {
   const basePath = isCommunity ? "/community/" : "/technology/";
+  // Never let the link's accessible name or the image alt end up empty (some
+  // cards render without a title) — an empty aria-label is an anchor-less link.
+  const safeTitle = title || "Keploy blog article";
 
   const image = (
     <Image
       width={2000}
       height={1000}
-      alt={`Cover Image for ${title}`}
-      src={coverImage?.node.sourceUrl}
+      alt={`Cover Image for ${safeTitle}`}
+      src={coverImage?.node?.sourceUrl || DEFAULT_ARTICLE_IMAGE_URL}
       className={`w-full h-auto object-cover${imgClassName ? ` ${imgClassName}` : ""}${slug ? " transition-transform duration-300 hover:scale-[1.01]" : ""}`}
       priority={priority}
       loading={priority ? "eager" : "lazy"}
@@ -39,7 +43,7 @@ export default function CoverImage({
   return (
     <div className="w-full overflow-hidden">
       {slug ? (
-        <Link href={`${basePath}${slug}`} aria-label={title}>
+        <Link href={`${basePath}${slug}`} aria-label={safeTitle}>
           {image}
         </Link>
       ) : (