From 694c84e98bcc46454d1188176a54532835a3eaf8 Mon Sep 17 00:00:00 2001
From: Felix Kirchner <felix.kirchner.fk@gmail.com>
Date: Thu, 18 Dec 2025 21:25:57 +0100
Subject: [PATCH] Implemented mail button in footer

---
 src/components/Footer.jsx | 37 ++++++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 5365ded..55767c6 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -1,15 +1,30 @@
 import React from 'react';
-import { Github } from 'lucide-react';
-import { BrandLogo } from './BrandLogo';
-import { SOCIALS } from '../data/content';
+import {Github, Mail} from 'lucide-react';
+import {BrandLogo} from './BrandLogo';
+import {SOCIALS} from '../data/content';
 
 export const Footer = () => (
-  <footer id="contact" className="py-12 border-t border-white/10 bg-black relative overflow-hidden">
-    <div className="absolute top-0 left-1/2 -translate-x-1/2 w-1/2 h-1 bg-[#00A3FF] blur-[100px] opacity-50"></div>
-    <div className="max-w-7xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-8">
-      <div className="flex items-center gap-3"><BrandLogo className="w-8 h-8 text-gray-600" /><span className="font-bold text-gray-500">LIQUID DEVELOPMENT</span></div>
-      <div className="flex gap-6"><a href={SOCIALS.github} className="text-gray-400 hover:text-[#00A3FF] transition-colors"><Github size={24} /></a></div>
-    </div>
-    <div className="text-center mt-8 text-gray-600 text-sm">&copy; {new Date().getFullYear()} Liquid Development. All rights reserved.</div>
-  </footer>
+    <footer id="contact" className="py-12 border-t border-white/10 bg-black relative overflow-hidden">
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-1/2 h-1 bg-[#00A3FF] blur-[100px] opacity-50"></div>
+        <div className="max-w-7xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-8">
+            <div className="flex items-center gap-3"><BrandLogo className="w-8 h-8 text-gray-600"/>
+                <span className="font-bold text-gray-500">LIQUID DEVELOPMENT</span>
+            </div>
+            <div className="flex gap-8">
+                <a href={SOCIALS.github}
+                   className="text-gray-400 hover:text-[#00A3FF] transition-colors"
+                >
+                    <Github size={24}/>
+                </a>
+                <a href={SOCIALS.email}
+                   className="text-gray-400 hover:text-[#00A3FF] transition-colors"
+                >
+                    <Mail size={24}/>
+                </a>
+            </div>
+        </div>
+        <div className="text-center mt-8 text-gray-600 text-sm">&copy; {new Date().getFullYear()} Liquid Development.
+            All rights reserved.
+        </div>
+    </footer>
 );