about view done, projects mostly done, some minor styling left!

src/components/Mail.jsx

@@ -1,16 +1,23 @@
 import React from "react";
 import "../css/Mail.css";
 import { useState } from "react";
+import EnvelopeIcon from "../assets/icons/navIcons/envelope.svg?react";
 
 const Mail = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
   const [animation, setAnimation] = useState(initialAnimation);
+  const emailUser = "yousif.paulus";
+  const domain = "hotmail.de";
   return (
     <div
       className={`eMail container animate__animated ${animation}`}
-      onMouseEnter={() => onMouseEnter(setAnimation)}
+   /*    onMouseEnter={() => onMouseEnter(setAnimation)} */
       onAnimationEnd={() => onAnimationEnd(setAnimation)}
     >
-      Mail
+      <a
+        className="emailAnchor"
+        href="mailto:yousif.paulus@hotmail.de"
+      >{`${emailUser}@${domain}`}</a>
+      <p className="copyright">&copy; 2025 | Yousif Paulus</p>
     </div>
   );
 };