From 0fe7c10b1e7f6d275356fa5dea052a28c88c6a02 Mon Sep 17 00:00:00 2001
From: donny <angelmankel@gmail.com>
Date: Thu, 28 May 2026 17:46:39 -0700
Subject: [PATCH] feat: updated footer with new icons

---
 components/layout/Footer.tsx | 41 +++++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
index 4023a5b..4483253 100644
--- a/components/layout/Footer.tsx
+++ b/components/layout/Footer.tsx
@@ -1,8 +1,47 @@
+import {
+  IconBrandLinkedinFilled,
+  IconMailFilled,
+  IconPhoneFilled,
+} from "@tabler/icons-react";
+import GiteaIcon from "@/components/icons/GiteaIcon";
+import Tooltip from "@/components/ui/Tooltip";
+import CopyButton from "@/components/ui/CopyButton";
+import { email, linkedIn, phone, gitea } from "@/constants";
+
 export default function Footer() {
   return (
     <footer className="mx-auto w-full max-w-4xl px-6 py-6 flex items-center justify-between border-t border-neutral-800 text-xs text-neutral-500 sticky bottom-0 backdrop-blur-lg">
       <span>© 2026 Angel Mankel</span>
-      <span>Self-hosted · Traefik · Next.js</span>
+      <nav aria-label="Contact" className="flex gap-3 text-neutral-600">
+        <CopyButton value={email} label="Copy email">
+          <IconMailFilled size={18} />
+        </CopyButton>
+        <CopyButton value={phone} label="Copy phone">
+          <IconPhoneFilled size={18} />
+        </CopyButton>
+        <Tooltip text="LinkedIn">
+          <a
+            href={linkedIn}
+            target="_blank"
+            rel="noreferrer"
+            aria-label="LinkedIn"
+            className="rounded-md p-1 transition-colors duration-200 hover:text-neutral-200"
+          >
+            <IconBrandLinkedinFilled size={18} />
+          </a>
+        </Tooltip>
+        <Tooltip text="Gitea">
+          <a
+            href={gitea}
+            target="_blank"
+            rel="noreferrer"
+            aria-label="Gitea"
+            className="rounded-md p-1 transition-colors duration-200 hover:text-neutral-200"
+          >
+            <GiteaIcon size={18} />
+          </a>
+        </Tooltip>
+      </nav>
     </footer>
   );
 }