From b53339852a74cbcdd21ad69f69085b1ace86eccd Mon Sep 17 00:00:00 2001
From: dschlueter <dschlueter@kitux.de>
Date: Sat, 25 Apr 2026 22:41:16 +0200
Subject: [PATCH] Footer: E-Mail-Link wiederhergestellt, Wert aus .env.local
 (OWNER_EMAIL)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/footer.tsx | 44 +++++++++++++++++++++++--------------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/components/footer.tsx b/components/footer.tsx
index 28320a3..a83654b 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -17,7 +17,10 @@ const legalLinks = [
 ]
 
 export function Footer({ email }: { email?: string }) {
-  const repoLink = { label: 'Forgejo', href: 'https://kitux.de/forgejo/dschlueter/jamulix-homepage', icon: Github }
+  const socialLinks = [
+    { label: 'Forgejo', href: 'https://kitux.de/forgejo/dschlueter/jamulix-homepage', icon: Github },
+    { label: email ?? '[Emailadresse]', href: `mailto:${email ?? '[Emailadresse]'}`, icon: Mail },
+  ]
   const currentYear = new Date().getFullYear()
 
   return (
@@ -45,25 +48,26 @@ export function Footer({ email }: { email?: string }) {
               </p>
               
               {/* Social links */}
-              <div className="flex flex-col gap-3 mt-6">
-                <Link
-                  href={repoLink.href}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="group flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
-                  aria-label={repoLink.label}
-                >
-                  <Github className="size-5" />
-                  <span className="text-sm">{repoLink.label}</span>
-                  <ArrowUpRight className="size-3 opacity-0 group-hover:opacity-100 transition-opacity" />
-                </Link>
-                <Link
-                  href={`mailto:${email ?? '[Emailadresse]'}`}
-                  className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
-                >
-                  <Mail className="size-5 shrink-0" />
-                  <span className="text-sm">{email ?? '[Emailadresse]'}</span>
-                </Link>
+              <div className="flex gap-4 mt-6">
+                {socialLinks.map((link) => {
+                  const Icon = link.icon
+                  return (
+                    <Link
+                      key={link.label}
+                      href={link.href}
+                      target={link.href.startsWith('http') ? '_blank' : undefined}
+                      rel={link.href.startsWith('http') ? 'noopener noreferrer' : undefined}
+                      className="group flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
+                      aria-label={link.label}
+                    >
+                      <Icon className="size-5" />
+                      <span className="text-sm">{link.label}</span>
+                      {link.href.startsWith('http') && (
+                        <ArrowUpRight className="size-3 opacity-0 group-hover:opacity-100 transition-opacity" />
+                      )}
+                    </Link>
+                  )
+                })}
               </div>
             </div>