fix(certificates): update links and hide unavailable actions

src/components/MilestonesSection.tsx

@@ -47,19 +47,20 @@ export const MilestonesSection: React.FC = () => {
 
                 <p className={styles.description}>{item.description}</p>
 
-                {/* View Certificate Link */}
+                {item.link && (
-                <div className={styles.actionRow}>
+                  <div className={styles.actionRow}>
-                  <a
+                    <a
-                    href={item.link && item.link !== '#' ? item.link : item.image}
+                      href={item.link}
-                    className={styles.viewCertLink}
+                      className={styles.viewCertLink}
-                    target="_blank"
+                      target="_blank"
-                    rel="noopener noreferrer"
+                      rel="noopener noreferrer"
-                    aria-label={`View ${item.title} certificate`}
+                      aria-label={`View ${item.title} certificate`}
-                  >
+                    >
-                    <span>View certificate</span>
+                      <span>View certificate</span>
-                    <ExternalLink size={20} strokeWidth={2.25} aria-hidden="true" />
+                      <ExternalLink size={20} strokeWidth={2.25} aria-hidden="true" />
-                  </a>
+                    </a>
-                </div>
+                  </div>
+                )}
               </div>
             </div>
           ))}

src/data/milestones.ts

@@ -17,7 +17,7 @@ export const milestones: MilestoneItem[] = [
     description:
       'This hackathon gave me the opportunity to explore the rapidly evolving field of agentic AI through hands-on problem-solving and experimentation. Working within a limited timeframe encouraged rapid learning, technical decision-making, and creative thinking while deepening my understanding of how AI-driven systems can be designed to solve practical problems.',
     image: '/images/cert-hackathon.png',
-    link: '#',
+    link: 'https://starcoach.ir/certificate/STC20263139',
   },
   {
     id: 'icpc-2025',
@@ -27,7 +27,7 @@ export const milestones: MilestoneItem[] = [
     description:
       'Competing as an ICPC Regional Finalist challenged me to solve complex algorithmic problems under strict time constraints while working closely with my teammates. The experience strengthened my problem-solving, algorithmic thinking, communication, and ability to stay focused when approaching unfamiliar technical challenges.',
     image: '/images/cert-icpc-2025.png',
-    link: '#',
+    link: 'https://www.linkedin.com/in/amiirkhl/overlay/Certifications/1331555202/treasury/?profileId=ACoAAEJsAwMBCv3L9dYcEXWam-l3pLOJ3UspX7w',
   },
   {
     id: 'pm-bootcamp',
@@ -37,7 +37,7 @@ export const milestones: MilestoneItem[] = [
     description:
       'This bootcamp expanded my perspective beyond engineering and helped me better understand how successful products are shaped around real user needs and business goals. I explored product thinking, discovery, prioritization, planning, and cross-functional collaboration, strengthening my ability to connect technical decisions with the bigger picture of a product.',
     image: '/images/cert-bootcamp.png',
-    link: '#',
+    link: 'https://www.linkedin.com/in/amiirkhl/overlay/Certifications/812043696/treasury/?profileId=ACoAAEJsAwMBCv3L9dYcEXWam-l3pLOJ3UspX7w',
   },
   {
     id: 'icpc-2024',
@@ -47,7 +47,6 @@ export const milestones: MilestoneItem[] = [
     description:
       'Participating in ICPC gave me valuable exposure to competitive programming and pushed me to approach problems with greater structure, speed, and precision. It helped strengthen my foundations in algorithms and data structures while motivating me to continue developing the skills needed for higher-level programming competitions.',
     image: '/images/cert-icpc-2024.png',
-    link: '#',
   },
   {
     id: 'django-bootcamp',
@@ -57,6 +56,6 @@ export const milestones: MilestoneItem[] = [
     description:
       'This bootcamp strengthened my foundations in backend development and helped turn my knowledge of Python into practical web engineering skills. Through Django, I developed a deeper understanding of backend architecture, databases, APIs, authentication, and building maintainable server-side applications. These skills later became a major part of my software engineering work.',
     image: '/images/cert-django.png',
-    link: '#',
+    link: 'https://quera.org/certificate/F1mYkTZR/',
   },
 ];