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

src/components/floatingHeader.tsx

@@ -12,12 +12,6 @@ export default function FloatingHeader() {
                 >
                     Home
                 </Link>
-                <Link
-                    to="/work-experience"
-                    className={`nav-link ${location.pathname === "/work-experience" ? "active" : ""}`}
-                >
-                    Work Experience
-                </Link>
                 <Link
                     to="/skills"
                     className={`nav-link ${location.pathname === "/skills" ? "active" : ""}`}
@@ -25,10 +19,10 @@ export default function FloatingHeader() {
                     Skills
                 </Link>
                 <Link
-                    to="/about"
-                    className={`nav-link ${location.pathname === "/about" ? "active" : ""}`}
+                    to="/work-experience"
+                    className={`nav-link ${location.pathname === "/work-experience" ? "active" : ""}`}
                 >
-                    About Me
+                    Work Experience
                 </Link>
                 <Link
                     to="/projects"
@@ -37,11 +31,12 @@ export default function FloatingHeader() {
                     Projects and Sidequests
                 </Link>
                 <Link
-                    to="/contact"
-                    className={`nav-link ${location.pathname === "/contact" ? "active" : ""}`}
+                    to="/about"
+                    className={`nav-link ${location.pathname === "/about" ? "active" : ""}`}
                 >
-                    Contact
+                    About Me
                 </Link>
+
             </nav>
         </header>
     );