feat: add certification links

Author: SamHillierDev

src/assets/images/certifications/aws-ai-practitioner-foundational-early-adopter.png

@@ -1,22 +1,45 @@
 import { useState } from "react";
+import microsoftAzureFundamentals from "../assets/images/certifications/microsoft-azure-fundamentals.png";
+import awsAIPractitionerEarlyAdopter from "../assets/images/certifications/aws-ai-practitioner-foundational-early-adopter.png";
 import awsCloudPractitioner from "../assets/images/certifications/aws-cloud-practitioner-foundational.png";
 import awsAIPractitioner from "../assets/images/certifications/aws-ai-practitioner-foundational.png";
-import microsoftAzureFundamentals from "../assets/images/certifications/microsoft-azure-fundamentals.png";
 import awsSolutionsArchitectAssociate from "../assets/images/certifications/aws-solutions-architect-associate.png";
 import awsSecuritySpecialty from "../assets/images/certifications/aws-security-specialty.png";
 
 const Certifications: React.FC = () => {
   const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
 
   const certifications = [
-    { src: microsoftAzureFundamentals, alt: "Microsoft Azure Fundamentals" },
-    { src: awsCloudPractitioner, alt: "AWS Certified Cloud Practitioner" },
-    { src: awsAIPractitioner, alt: "AWS Certified AI Practitioner" },
+    {
+      src: awsAIPractitionerEarlyAdopter,
+      alt: "AWS Certified AI Practitioner Early Adopter",
+      url: "https://www.credly.com/badges/afe8b909-aed7-450d-b906-5e2abfa8d37f",
+    },
+    {
+      src: microsoftAzureFundamentals,
+      alt: "Microsoft Azure Fundamentals",
+      url: "https://learn.microsoft.com/en-gb/users/zyphaex/credentials/582f6909fd09237f",
+    },
+    {
+      src: awsCloudPractitioner,
+      alt: "AWS Certified Cloud Practitioner",
+      url: "https://www.credly.com/badges/46b0dd0e-2577-4a7c-870f-baa6279bac20",
+    },
+    {
+      src: awsAIPractitioner,
+      alt: "AWS Certified AI Practitioner",
+      url: "https://www.credly.com/badges/cd51660c-b4b3-4348-8474-6111af2d9f59",
+    },
     {
       src: awsSolutionsArchitectAssociate,
       alt: "AWS Certified Solutions Architect - Associate",
+      url: "https://www.credly.com/badges/d82b9825-86a8-4430-bb62-74969ffe2768",
+    },
+    {
+      src: awsSecuritySpecialty,
+      alt: "AWS Certified Security - Specialty",
+      url: "https://www.credly.com/badges/37cc2f33-2b0f-44e5-9815-3dc86c1fc9a2",
     },
-    { src: awsSecuritySpecialty, alt: "AWS Certified Security - Specialty" },
   ];
 
   return (
@@ -25,7 +48,7 @@ const Certifications: React.FC = () => {
         Certifications
       </h3>
       <div className="relative w-full max-w-4xl mx-auto h-[320px] overflow-hidden">
-        <div className="flex items-center justify-center relative">
+        <div className="flex flex-wrap items-center justify-center relative">
           {certifications.map((cert, index) => (
             <div
               key={index}
@@ -35,11 +58,13 @@ const Certifications: React.FC = () => {
               onMouseEnter={() => setHoveredIndex(index)}
               onMouseLeave={() => setHoveredIndex(null)}
             >
-              <img
-                src={cert.src}
-                alt={cert.alt}
-                className="w-full h-full object-contain rounded-lg"
-              />
+              <a href={cert.url} target="_blank" rel="noopener noreferrer">
+                <img
+                  src={cert.src}
+                  alt={cert.alt}
+                  className="w-full h-full object-contain rounded-lg"
+                />
+              </a>
             </div>
           ))}
         </div>