From 296a17ebbccd2b9cc01ab7d7012835e2ef0cec91 Mon Sep 17 00:00:00 2001
From: Felix Kirchner <felix.kirchner.fk@gmail.com>
Date: Thu, 18 Dec 2025 20:59:35 +0100
Subject: [PATCH] Updated obfuscation in hero section

---
 src/components/ObfuscatedMail.jsx | 21 ++++++++-------------
 src/sections/Hero.jsx             |  9 ++++-----
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/components/ObfuscatedMail.jsx b/src/components/ObfuscatedMail.jsx
index 4b234e6..016bf95 100644
--- a/src/components/ObfuscatedMail.jsx
+++ b/src/components/ObfuscatedMail.jsx
@@ -1,24 +1,19 @@
-import React, { useState } from 'react';
+import React from 'react';
 
 export const ObfuscatedMail = ({ email, className, children, title }) => {
-  // Start with a dummy link so bots don't see 'mailto:'
-  const [href, setHref] = useState("#");
-
-  // Only reveal the real email when the user hovers or focuses
-  const reveal = () => {
-    setHref(`mailto:${email}`);
+  const handleClick = (e) => {
+    e.preventDefault();
+    window.location.href = `mailto:${email}`;
   };
 
   return (
-    <a
-      href={href}
-      onMouseEnter={reveal}
-      onFocus={reveal}
-      onClick={reveal}
+    <button
+      onClick={handleClick}
       className={className}
       title={title || "Send email"}
+      type="button"
     >
       {children}
-    </a>
+    </button>
   );
 };
diff --git a/src/sections/Hero.jsx b/src/sections/Hero.jsx
index fcad5aa..68b1098 100644
--- a/src/sections/Hero.jsx
+++ b/src/sections/Hero.jsx
@@ -19,12 +19,11 @@ export const Hero = () => {
         </motion.div>
         
         <motion.div initial={{ y: 20, opacity: 0 }} animate={{ y: 0, opacity: 1 }} transition={{ delay: 0.2 }}>
-          {/* Obfuscated Title Link */}
-          <ObfuscatedMail email={rawEmail} className="block cursor-pointer hover:opacity-80 transition-opacity duration-300">
-            <h1 className="text-4xl md:text-7xl font-extrabold tracking-tighter mb-6">
+          <h1 className="text-4xl md:text-7xl font-extrabold tracking-tighter mb-6">
+            <ObfuscatedMail email={rawEmail} className="cursor-pointer hover:opacity-80 transition-opacity duration-300 bg-transparent border-none p-0 font-extrabold tracking-tighter text-4xl md:text-7xl text-white">
               LIQUID <span className="text-transparent bg-clip-text bg-gradient-to-r from-[#00A3FF] to-cyan-200">DEVELOPMENT</span>
-            </h1>
-          </ObfuscatedMail>
+            </ObfuscatedMail>
+          </h1>
         </motion.div>
 
         <motion.p initial={{ y: 20, opacity: 0 }} animate={{ y: 0, opacity: 1 }} transition={{ delay: 0.4 }} className="text-lg md:text-2xl text-gray-400 mb-10 max-w-2xl mx-auto font-light">German Development Team</motion.p>