Refactor

src/components/TechLinks.astro

@@ -1,74 +1,17 @@
 ---
 import { Icon } from 'astro-icon/components';
+import { techLinks } from '../config/data';
 ---
 <div class="flex flex-row gap-1 sm:gap-4 text-3xl">
+  {techLinks.map((link) => (
     <a
-      href="https://react.dev/"
+      href={link.url}
       target="_blank"
       rel="noopener noreferrer"
-      aria-label="React"
+      aria-label={link.ariaLabel}
       class="hover:text-primary transition-colors"
     >
-      <Icon name="simple-icons:react" />
+      <Icon name={link.icon} />
     </a>
-
-    <a
-      href="https://www.typescriptlang.org/"
-      target="_blank"
-      rel="noopener noreferrer"
-      aria-label="TypeScript"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="simple-icons:typescript" />
-    </a>
-
-    <a
-      href="https://astro.build/"
-      target="_blank"
-      rel="noopener noreferrer"
-      aria-label="Deno"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="simple-icons:astro" />
-    </a>
-
-    <a
-      href="https://go.dev/"
-      target="_blank"
-      rel="noopener noreferrer"
-      aria-label="Go"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="simple-icons:go" />
-    </a>
-
-    <a
-      href="https://www.postgresql.org/"
-      target="_blank"
-      rel="noopener noreferrer"
-      aria-label="PostgreSQL"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="simple-icons:postgresql" />
-    </a>
-
-    <a
-      href="https://redis.io/"
-      target="_blank"
-      rel="noopener noreferrer"
-      aria-label="Redis"
-      class="hover:text-primary transition-colors"
-    >
-      <Icon name="simple-icons:redis" />
-    </a>
-
-    <a
-      href="https://www.docker.com/"
-      target="_blank"
-      rel="noopener noreferrer"
-      aria-label="Docker"
-      class="hover:text-primary transition-colors"
-    >
-        <Icon name="simple-icons:docker" />
-    </a>
-  </div>
+  ))}
+</div>