refactor: update project preview images

app/Section/Projects.tsx

@@ -19,7 +19,7 @@ const links = [
     desc: "Fork with additional functionality",
     url: "https://github.com/radiquum/furaffinity-dl",
     preview: [
-      "/images/projects/anix/3.png",
+      "/images/projects/fadl.png",
     ],
   },
   {
@@ -28,7 +28,9 @@ const links = [
     desc: "Google Photo like bot for Telegram",
     url: "https://github.com/radiquum/TG-Photos",
     preview: [
-      "/images/projects/anix/3.png",
+      "/images/projects/tgp/1.png",
+      "/images/projects/tgp/2.png",
+      "/images/projects/tgp/3.png",
     ],
   },
   {
@@ -37,9 +39,8 @@ const links = [
     desc: "Generate images from text",
     url: "https://github.com/radiquum/TIG",
     preview: [
-      "/images/projects/anix/1.jpg",
+      "/images/projects/tig/1.png",
-      "/images/projects/anix/2.png",
+      "/images/projects/tig/2.png",
-      "/images/projects/anix/3.png",
     ],
   },
   {
@@ -48,7 +49,7 @@ const links = [
     desc: "Other Projects",
     url: "https://github.com/radiquum",
     preview: [
-      "/images/projects/anix/3.png",
+      "/images/projects/gh.png",
     ],
   },
   {
@@ -57,7 +58,7 @@ const links = [
     desc: "Self-Hosting project",
     url: "https://wah.su",
     preview: [
-      "/images/projects/anix/3.png",
+      "/images/projects/wah-su.png",
     ],
   },
   {
@@ -66,9 +67,10 @@ const links = [
     desc: "Collection of Red Panda sticker packs",
     url: "https://t.me/red_panda_stickers",
     preview: [
-      "/images/projects/anix/1.jpg",
+      "/images/projects/rps/1.jpg",
-      "/images/projects/anix/2.png",
+      "/images/projects/rps/2.jpg",
-      "/images/projects/anix/3.png",
+      "/images/projects/rps/3.jpg",
+      "/images/projects/rps/4.jpg",
     ],
   },
 ];

app/components/ProjectLink.tsx

@@ -57,7 +57,7 @@ export const ProjectLink = ({
                     key={`embla.project.${text}.slide.${index}`}
                   >
                     <img
-                      className="embla__slide__img rounded-xl! border-white/5 border-1 group-hover:scale-105 duration-100 ease-in-out origin-bottom"
+                      className="embla__slide__img rounded-xl! aspect-video border-white/5 border-1 group-hover:scale-105 duration-100 ease-in-out origin-bottom"
                       src={item}
                       alt=""
                     />
@@ -79,7 +79,7 @@ export const ProjectLink = ({
           icon={icon}
           text={text}
           desc={desc}
-          backgroundColor={"#101316"}
+          backgroundColor={"#0a0a0a"}
           backgroundOpacity={"100%"}
           isGroup={true}
         />