About view done. all styled and animated. some minor animation fixes overall and codecleaning

src/components/subComponents/About/Specialties.jsx

@@ -0,0 +1,24 @@
+import React from "react";
+import "../../../css/Specialties.css";
+import { useState } from "react";
+
+const Specialties = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
+  const [animation, setAnimation] = useState(initialAnimation);
+  return (
+    <div
+      className={`specialties container animate__animated ${animation}`}
+      onMouseEnter={() => onMouseEnter(setAnimation)}
+      onAnimationEnd={() => onAnimationEnd(setAnimation)}
+    >
+      <p className="specialtyText">
+        I’m a fullstack developer who loves creating web applications that are
+        functional and easy to use. My go-to tools are React, Node.js, and
+        TypeScript, and I enjoy working on both the front-end and back-end. I
+        focus on clean, practical solutions that work in the real world and
+        approach every project with curiosity and attention to detail.
+      </p>
+    </div>
+  );
+};
+
+export default Specialties;

src/components/subComponents/About/TallContentAbout.jsx

@@ -0,0 +1,71 @@
+import React from "react";
+import { useState } from "react";
+import "../../../css/TallContentAbout.css";
+
+const TallContentAbout = ({
+  initialAnimation,
+  onMouseEnter,
+  onAnimationEnd,
+}) => {
+  const [animation, setAnimation] = useState(initialAnimation);
+
+  return (
+    <div
+      className={`container tallContentAbout animate__animated ${animation}`}
+      onMouseEnter={() => onMouseEnter(setAnimation)}
+      onAnimationEnd={() => onAnimationEnd(setAnimation)}
+    >
+      <div className="funFacts">
+        <h2>Some Fun-Facts about me:</h2>
+        <ul className="funFactList">
+          <li>
+            <p>
+              2300+ Chess.com blitz rating and a lifelong love for strategy.
+            </p>
+          </li>
+          <li>
+            <p>
+              Big fan of tycoon simulation games—I could spend hours building
+              and managing virtual worlds.
+            </p>
+          </li>
+          <li>
+            <p>
+              I love Asian food, especially Japanese cuisine, and enjoy trying
+              new recipes.
+            </p>
+          </li>
+          <li>
+            <p>Football is my passion (and no, I won’t call it soccer).</p>
+          </li>
+          <li>
+            <p>
+              I have a guilty pleasure for sitcoms like The Big Bang Theory and
+              can’t resist a good Taylor Swift track.
+            </p>
+          </li>
+          {/* <li>
+            <p>Hiking is one of my favorite ways to relax and recharge.</p>
+          </li> */}
+          <li>
+            <p>I enjoy baking, especially experimenting with new desserts.</p>
+          </li>
+          <li>
+            <p>
+              I’ve been drawing and painting since I was young, and it’s still
+              one of my favorite creative outlets.
+            </p>
+          </li>
+        </ul>
+      </div>
+      {/*       <p className="persText">
+        Outside of tech, I enjoy spending time outdoors, baking, and diving into
+        new hobbies. I like to keep things balanced—challenging my mind with
+        strategy games or chess and unwinding with great food, music, and some
+        classic sitcoms.
+      </p> */}
+    </div>
+  );
+};
+
+export default TallContentAbout;