Update About.tsx

Author: samimsu

src/pages/About.tsx

@@ -1,93 +1,37 @@
 import RootLayout from "../layouts/RootLayout";
-import { useThemeContext } from "../hooks/useThemeContext";
 import Heading2 from "../components/Heading2";
-import { myChessProfile, myLinkedinProfile } from "../data/links";
-import technologies from "../data/technologies";
-import ChessPawnIcon from "../components/ChessPawnIcon";
-import PakistanFlagIcon from "../components/PakistanFlagIcon";
-import DiscordIcon from "../components/DiscordIcon";
+import { myLinkedinProfile } from "../data/links";
 
 const About = () => {
-  const { isLightMode } = useThemeContext();
-
   return (
     <RootLayout>
       <div className="page-container animate-slidein opacity-0 [--slidein-delay:300ms]">
         <div className="max-w-2xl mx-auto">
           <Heading2>About Me</Heading2>
           <div className="mt-6 space-y-4 text-left text-lg text-slate-700 dark:text-slate-400">
             <p>
-              Hi 👋 I'm Sami, a 💻 Web Developer currently based in{" "}
-              <span className="inline-flex items-center mr-1">
-                <PakistanFlagIcon />
-              </span>
-              Pakistan. With years of professional experience in software
-              engineering, I specialise in front end development using{" "}
-              <span className="inline-flex items-center mr-1 h-3">
-                <img
-                  src={
-                    isLightMode
-                      ? technologies.react.imageSrc.light
-                      : technologies.react.imageSrc.dark
-                  }
-                  className={`object-contain w-full h-full`}
-                />
-              </span>
-              React.
+              Hi I'm Sami, a Web Developer based in Pakistan. My technology of
+              choice is React which I've been using for over 4 years now.
             </p>
             <p>
-              I started off as a freelancer in 2019 building{" "}
-              <span className="inline-flex items-center mr-1">
-                <DiscordIcon />
-              </span>
-              Discord chatbots for clients online. I moved on to work for
-              Letswork as a Frontend Web Developer. My last job was a contract
-              role as a Web Developer at Classadia where I also got the chance
-              to work on the backend using{" "}
-              <span className="inline-flex items-center mr-1 h-3">
-                <img
-                  src={
-                    isLightMode
-                      ? technologies.nestjs.imageSrc.light
-                      : technologies.nestjs.imageSrc.dark
-                  }
-                  className={`object-contain w-full h-full`}
-                />
-              </span>
-              NestJS.
+              I started off as a freelancer in 2019 building Discord chatbots
+              for clients online. I moved on to work for Letswork as a Frontend
+              Web Developer. My last job was a contract role as a Web Developer
+              at Classadia where I also got the chance to work on the backend
+              using NestJS.
             </p>
             <p>
-              Apart from coding, I also enjoy 📓 journaling, reading 📖 books,
-              playing ⚽ football and playing{" "}
-              <a
-                href={myChessProfile}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-blue-500 hover:underline"
-              >
-                <span className="inline-flex items-center mr-1">
-                  <ChessPawnIcon />
-                </span>
-                chess
-              </a>
-              .
+              Apart from coding, I also enjoy journaling, reading books, playing
+              football and playing chess.
             </p>
             <p>
-              At the moment, I'm on the hunt for my next opportunity. Feel free
-              to{" "}
-              <a
-                href={myLinkedinProfile}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-blue-500 hover:underline"
-              >
-                reach out
-              </a>{" "}
-              if you'd like to get in touch.
+              At the moment, I'm on the hunt for my next opportunity. I'm open
+              to both part-time and full-time work. Feel free to reach out if
+              you'd like to get in touch.
             </p>
           </div>
           <div className="mt-8 italic text-sm text-left text-slate-700 dark:text-slate-400">
-            Updated: 2024-11-22
+            Updated: 2025-06-02
           </div>
         </div>
       </div>