chore: Relocate public images to categorized subdirectories, update all corresponding paths, and make minor text and animation adjustments.

src/components/BentoGrid.tsx

@@ -48,7 +48,7 @@ const items: BentoItem[] = [
         title: "Home Labbing",
         description: "I enjoy the challenge of self-hosting my own digital services at home. I also love tinkering with new hardware and software setups.",
         className: "bento-wide",
-        bgImage: "/homelabber.png"
+        bgImage: "/images/projects/homelabber.png"
     }
 ];
 
@@ -77,9 +77,9 @@ const BentoCard = ({ item, index, delay }: { item: BentoItem; index: number; del
                     src={images[currentIndex]}
                     alt={item.title}
                     className="bento-bg"
-                    initial={{ opacity: 0, x: 20 }}
+                    initial={{ opacity: 0 }}
-                    animate={{ opacity: 0.6, x: 0 }}
+                    animate={{ opacity: 0.6 }}
-                    exit={{ opacity: 0, x: -20 }}
+                    exit={{ opacity: 0 }}
                     transition={{ duration: 0.8 }}
                     onError={(e) => {
                         e.currentTarget.src = "https://placehold.co/600x400?text=" + item.title;

src/pages/About.tsx

@@ -4,7 +4,7 @@ import BioSection from "../components/BioSection";
 import "../styles/pages/about.css";
 import BentoGrid from "../components/BentoGrid";
 
-const ABOUT_TEXT = "Hey, I'm Sasha! You probably know I code, but that's just one part of myself. When I step away from the screen, I've got other things that I'm interested in." + "\n\n" + "Check out that stuff below in the Bento Grid to learn more about me!";
+const ABOUT_TEXT = "Hey, I'm Sasha! You probably know I code, but that's just one part of myself. When I step away from the screen I've got many other things that I'm interested in." + "\n\n" + "Check that out below in the Bento Grid to learn more about me!";
 
 const VISITED_CITIES = [
     "Melfort",
@@ -45,7 +45,7 @@ export default function About() {
                     </motion.h1>
 
                     <BioSection
-                        imageSrc="/dapperSasha.jpg"
+                        imageSrc="/images/about/dapperSasha.jpg"
                         imageAlt="profile"
                         text={ABOUT_TEXT}
                     />

src/pages/Home.tsx

@@ -38,7 +38,7 @@ export default function Home() {
                     transition={{ duration: 0.8, ease: "easeOut" }}
                 >
                     <img
-                        src="/1647091917916.png"
+                        src="/images/home/1647091917916.png"
                         alt="Sasha Bayda"
                         className="hero-profile-img"
                     />

src/pages/Projects.tsx

@@ -9,7 +9,7 @@ const FEATURED_PROJECTS: Project[] = [
         title: "Digital Resume",
         description: "A fully responsive, glassmorphic portfolio site built to showcase my skills and experience. Features animated page transitions, typing effects, and a dynamic map component.",
         techStack: ["React", "TypeScript", "Framer Motion", "@react-google-maps/api", "nginx", "docker"],
-        image: "/digitCode.jpg",
+        image: "/images/projects/digitCode.jpg",
         links: {
             repo: "https://github.com/Bayda77/resume-site",
             demo: "https://portfolio.sashabayda.ca"
@@ -23,7 +23,7 @@ export const SIDEQUESTS: Project[] = [
         title: "Working with Gitea Workers",
         description: "Implementing a CI/CD pipeline using Gitea Actions to automate deployment to a Windows production server.",
         techStack: ["Gitea Actions", "Docker", "PowerShell", "YAML"],
-        image: "/giteaAction.png",
+        image: "/images/projects/giteaAction.png",
         links: {},
         hasDetails: true,
         sections: [
@@ -109,7 +109,7 @@ jobs:
         title: "Home Lab Architecture",
         description: "A comprehensive self-hosted homelab running 20+ services. Orchestrated with Docker Compose for media automation, personal cloud storage, and secure remote access.",
         techStack: ["Docker", "Nginx", "Tailscale", "Authentik", "PostgreSQL"],
-        image: "/homelabber.png", // Placeholder
+        image: "/images/projects/homelabber.png", // Placeholder
         links: {},
         hasDetails: true,
         sections: [
@@ -268,7 +268,7 @@ export default function Projects() {
                 </div>
             </div>
             <FullPageImage
-                src="/20251111_224823.jpg"
+                src="/images/projects/20251111_224823.jpg"
                 alt="projects background"
                 credit="Sasha Bayda"
                 isFixed={true}

src/pages/WorkExperience.tsx

@@ -11,7 +11,7 @@ const WORK_EXPERIENCES = [
             "Provide excellent customer service by explaining repair processes, timelines, and care instructions.",
             "Collaborate with team members to coordinate and work efficiently, delivering the best possible service."
         ],
-        image: "tgPic.jpg",
+        image: "/images/work/tgPic.jpg",
         highlighted: false
     },
     {
@@ -23,7 +23,7 @@ const WORK_EXPERIENCES = [
             "Diagnosing technical issues across multiple devices, including routers, tablets, laptops and desktops on both a hardware and software level.",
             "Working with all members of the business to address technical support questions for various software and challenges."
         ],
-        image: "allanslandscaping.jpeg",
+        image: "/images/work/allanslandscaping.jpeg",
         highlighted: true
     },
     {
@@ -36,7 +36,7 @@ const WORK_EXPERIENCES = [
             "Wrote custom AWS CDK constructs to streamline cloud deployment and updating of constructs through an internal NPM library.",
             "Helped to centralize and streamline our deployment pipeline across hundreds of different repositories, leading to cleaner PR's, submitted code and making updates across repositories more efficient."
         ],
-        image: "nutrien.png",
+        image: "/images/work/nutrien.png",
         highlighted: true
     },
     {
@@ -48,7 +48,7 @@ const WORK_EXPERIENCES = [
             "Leveraged Python and OpenCV to control the simulator, ensuring accurate performance evaluations.",
             "Utilized C# to integrate controls into the testing framework, streamlining the automation process."
         ],
-        image: "metaImage.png",
+        image: "/metaImage.png",
         highlighted: true
     },
     {
@@ -60,7 +60,7 @@ const WORK_EXPERIENCES = [
             "Obtained reach truck certification to efficiently handle inventory and assist customers with large orders.",
             "Maintained a safe and organized work environment in a high-traffic retail setting."
         ],
-        image: "homedepot.png",
+        image: "/images/work/homedepot.png",
         highlighted: false
     },
     {
@@ -71,7 +71,7 @@ const WORK_EXPERIENCES = [
             "Assisted in high-volume automotive glass installations, developing fundamental skills in tool handling and glass preparation.",
             "Performed quality control checks, ensuring rigorous safety standards were met for every client.",
         ],
-        image: "tgPic.jpg",
+        image: "/images/work/tgPic.jpg",
         highlighted: false
     },
 ];