removed the contact page and reworked the home page, along with shuffling the header around

src/pages/Home.tsx

@@ -1,5 +1,6 @@
 import { motion } from "framer-motion";
 import TypingText from "../components/animatedTyping";
+import { useState } from "react";
 
 const welcomeText = `Hello! My name is Sasha Bayda and welcome to my digital resume site!
 
@@ -7,6 +8,14 @@ Here you will find some of my projects, skills, contact information and any info
 
 Feel free to explore and learn more about me and if something isn't answered, don't hesitate to reach out via the contact page!`;
 
+const HOVER_TEXTS: { [key: string]: string } = {
+    "Email": "Drop me a line! I'm always open to new opportunities and interesting conversations.",
+    "Phone": "Prefer a mix of voice? Give me a call or text.",
+    "LinkedIn": "Let's connect professionally. View my full experience and network.",
+    "GitHub": "Dive into my code. See what I'm building and how I solve problems.",
+    "Portfolio": "See more of my work in action on my portfolio site."
+};
+
 const CONTACT_LINKS = [
     { label: "Email", url: "mailto:sasha.bayda@outlook.com" },
     { label: "Phone", url: "tel:+13069217145" },
@@ -16,6 +25,8 @@ const CONTACT_LINKS = [
 ];
 
 export default function Home() {
+    const [displayedText, setDisplayedText] = useState(welcomeText);
+
     return (
         <div className="mainContentBlock">
             <div className="home-container">
@@ -48,7 +59,7 @@ export default function Home() {
                         animate={{ opacity: 1 }}
                         transition={{ duration: 1, delay: 2.0 }}
                     >
-                        {welcomeText}
+                        {displayedText}
                     </motion.p>
 
                     <div className="hero-socials">
@@ -64,6 +75,8 @@ export default function Home() {
                                     delay: 2.5 + (index * 0.1),
                                     ease: "easeOut"
                                 }}
+                                onMouseEnter={() => setDisplayedText(HOVER_TEXTS[link.label] || welcomeText)}
+                                onMouseLeave={() => setDisplayedText(welcomeText)}
                             >
                                 {link.label}
                             </motion.a>