2026 updates

src/components/aboutWindow/AboutWindow.jsx

@@ -38,8 +38,14 @@ const AboutWindow = ({ handleNavigation }) => {
       <div className="about-content">
         <Typography variant="body1">
           My name is Antonio, and I am currently a Software Engineer at{" "}
-          {websiteLink("Hall Capital Partners", "https://www.hallcapital.com/")}
-          . Previously, I worked at{" "}
+          {websiteLink("Atlassian", "https://www.atlassian.com/")}, building new
+          features for the{" "}
+          {websiteLink(
+            "Confluence Cloud",
+            "https://www.atlassian.com/software/confluence",
+          )}{" "}
+          product. Previously, I worked at{" "}
+          {websiteLink("Hall Capital Partners", "https://pathstone.com/")},{" "}
           {websiteLink(
             "Inductive Automation",
             "https://inductiveautomation.com/",

src/pages/contact/Contact.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { Typography } from "@mui/material";
+import { Typography, Link } from "@mui/material";
 import { Fade } from "@mui/material";
 import "./contact.css";
 import PropTypes from "prop-types";
@@ -10,29 +10,31 @@ const Contact = ({ contactIsVisible }) => {
   };
 
   const [isVisible, setIsVisible] = useState(true);
-  const email = "abfranco@berkeley.edu";
 
   useEffect(() => {
     setIsVisible(contactIsVisible);
   }, [contactIsVisible]);
 
-  const handleEmailClick = () => {
-    window.location.href = `mailto:${email}`;
-  };
+  const websiteLink = (text, url) => (
+    <Link
+      href={url}
+      target="_blank"
+      rel="noopener noreferrer"
+      underline="none"
+      color="inherit"
+      fontWeight="600"
+    >
+      {text}
+    </Link>
+  );
 
   return (
     <Fade in={isVisible} timeout={500}>
       <div className="contact-container">
         <div className="contact-text">
           <Typography variant="h3">
-            The best way to reach me is to email me at:
-          </Typography>
-          <Typography
-            className="email-text"
-            variant="h3"
-            onClick={handleEmailClick}
-          >
-            {email}
+            The best way to reach me is via{" "}
+            {websiteLink("LinkedIn", "https://www.linkedin.com/in/abfranco/")}!
           </Typography>
         </div>
       </div>

src/pages/home/Home.jsx

@@ -4,6 +4,7 @@ import {
   faLinkedin,
   faGithub,
   faStrava,
+  faInstagram,
 } from "@fortawesome/free-brands-svg-icons";
 import SelfPic from "./../../assets/images/self_pic.jpg";
 import "./home.css";
@@ -60,6 +61,14 @@ const Home = ({ homeIsVisible }) => {
           >
             <FontAwesomeIcon icon={faStrava} />
           </a>
+          <a
+            href="https://www.instagram.com/runwithantonio/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="social-button instagram"
+          >
+            <FontAwesomeIcon icon={faInstagram} />
+          </a>
         </div>
       </div>
     </Fade>