Does this work?

components/HomeButtonLinks.tsx

@@ -0,0 +1,15 @@
+export default function HomeButtonLinks() {
+  return (
+    <div class="flex flex-row gap-4 text-3xl">
+      <a
+        href="/files/Atridad_Lahiji_Resume_Public.pdf"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="React"
+        class="btn btn-dash btn-primary"
+      >
+        Resumé
+      </a>
+    </div>
+  );
+}

components/SocialLinks.tsx

@@ -4,10 +4,41 @@ import { SiBluesky, SiForgejo, SiRss } from "@preact-icons/si";
 export default function SocialLinks() {
   return (
     <div class="flex flex-row gap-4 text-3xl">
-      <LuMail class="hover:text-primary" />
-      <SiRss class="hover:text-primary" />
-      <SiForgejo class="hover:text-primary" />
-      <SiBluesky class="hover:text-primary" />
+      <a
+        href="mailto:me@atri.dad"
+        aria-label="Email me"
+        class="hover:text-primary transition-colors"
+      >
+        <LuMail />
+      </a>
+
+      <a
+        href="/feed"
+        aria-label="RSS Feed"
+        class="hover:text-primary transition-colors"
+      >
+        <SiRss />
+      </a>
+
+      <a
+        href="https://git.atri.dad/atridad"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="Forgejo (Git)"
+        class="hover:text-primary transition-colors"
+      >
+        <SiForgejo />
+      </a>
+
+      <a
+        href="https://bsky.app/profile/atri.dad"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="Bluesky Profile"
+        class="hover:text-primary transition-colors"
+      >
+        <SiBluesky />
+      </a>
     </div>
   );
 }

components/TechLinks.tsx

@@ -11,13 +11,75 @@ import {
 export default function TechLinks() {
   return (
     <div class="flex flex-row gap-4 text-3xl">
-      <SiReact class="hover:text-primary" />
-      <SiTypescript class="hover:text-primary" />
-      <SiDeno class="hover:text-primary" />
-      <SiGo class="hover:text-primary" />
-      <SiPostgresql class="hover:text-primary" />
-      <SiRedis class="hover:text-primary" />
-      <SiDocker class="hover:text-primary" />
+      <a
+        href="https://react.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="React"
+        class="hover:text-primary transition-colors"
+      >
+        <SiReact />
+      </a>
+
+      <a
+        href="https://www.typescriptlang.org/"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="TypeScript"
+        class="hover:text-primary transition-colors"
+      >
+        <SiTypescript />
+      </a>
+
+      <a
+        href="https://deno.com/"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="Deno"
+        class="hover:text-primary transition-colors"
+      >
+        <SiDeno />
+      </a>
+
+      <a
+        href="https://go.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="Go"
+        class="hover:text-primary transition-colors"
+      >
+        <SiGo />
+      </a>
+
+      <a
+        href="https://www.postgresql.org/"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="PostgreSQL"
+        class="hover:text-primary transition-colors"
+      >
+        <SiPostgresql />
+      </a>
+
+      <a
+        href="https://redis.io/"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="Redis"
+        class="hover:text-primary transition-colors"
+      >
+        <SiRedis />
+      </a>
+
+      <a
+        href="https://www.docker.com/"
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label="Docker"
+        class="hover:text-primary transition-colors"
+      >
+        <SiDocker />
+      </a>
     </div>
   );
 }