added links and wishlist button

Author: gabcasanova

src/assets/img/badges/steam_icon.png

@@ -79,6 +79,7 @@
     "newArtius": {
       "title": "ARTIUS",
 
+      "wishlist": "WISHLIST NOW!",
       "text1": "ARTIUS is a momentum-based 2D platformer brimming with creative expression.",
       "text2": "Players take control of four unique artists, as they fight to save the world from the extinction of art!",
       "comparison1": "ARTIUS draws inspiration from real-life settings, reinterpreting them into a grounded yet fantastical game world.",
@@ -90,15 +91,46 @@
       "characters": {
         "pivolo": {
           "title": "Pivolo",
-          "subtitle": "Evil",
-          "desc": "aaaaa",
-          "img": "/img/characters/pivolo.png"
+          "subtitle": "Evil. Envious. Bitter!",
+          "img": "/img/characters/pivolo.png",
+          "desc": "Pivolo was a student at the EdAN art school—a highly talented artist who felt increasingly neglected by his classmates due to his controversial opinions on art. He believed that some forms of art were objectively superior to others, putting him at odds with the other students. Over time, he grew jealous of the popularity of Pierre and his friends. Obsessed with power and success, he seized control of the mystical ARTIUS book—''the heart of EdAN''—and imposed an artistic dictatorship over the city of Rupestrina, reshaping it according to his rigid and oppressive vision. Under his rule, creativity is stifled, self-expression is outlawed, and once-vibrant landscapes become dull and lifeless. As Pivolo’s tyranny spreads, society begins to question the value of art itself, forgetting its power to inspire, heal, and bring people together. It falls upon four heroes—each wielding their own unique creative abilities—to challenge this bleak new reality."
+          
         },
         "pierre": {
           "title": "Pierre",
+          "subtitle": "Painter. Determined. Perseverant!",
+          "desc": "Often teased by his friends for being too serious, Pierre is a painter who has no time for “playing around.” Not a man of words but of actions, he believes in the fundamental goodness of humanity and nature. His art is a reflection of love, freedom, and optimism for the future. When he’s not painting or going on adventures with his friends, he enjoys making pasta for himself and, believe it or not, listening to electronic music. His favorite painters are Salvador Dalí and Van Gogh, but he has a special love for the optimism of Norman Rockwell. He joined the prestigious EdAN art school as a child, and thanks to his unwavering artistic professionalism and virtuosity, has gained both fans – and haters. Being Pierre’s friend may not be the easiest thing in the world, but it is certainly one of the best!",
+          "img": "/img/characters/pierre.png"
+        },
+        "walter": {
+          "title": "Walter",
           "subtitle": "Good",
           "desc": "aaaaa",
-          "img": "/img/characters/pierre.png"
+          "img": "/img/characters/walter.png"
+        },
+        "guga": {
+          "title": "Guga",
+          "subtitle": "Good",
+          "desc": "aaaaa",
+          "img": "/img/characters/guga.png"
+        },
+        "rene": {
+          "title": "René",
+          "subtitle": "Good",
+          "desc": "aaaaa",
+          "img": "/img/characters/rene.png"
+        },
+        "brunna": {
+          "title": "Brunna",
+          "subtitle": "Good",
+          "desc": "aaaaa",
+          "img": "/img/characters/brunna.png"
+        },
+        "theo": {
+          "title": "Theo",
+          "subtitle": "Good",
+          "desc": "aaaaa",
+          "img": "/img/characters/theo.png"
         }
       }
     }

src/locales/en.json

@@ -19,6 +19,8 @@ import pic4 from "../assets/img/artius/pic4.png";
 import pic5 from "../assets/img/artius/pic5.png";
 import pic6 from "../assets/img/artius/pic6.png";
 
+import steamIcon from "../assets/img/badges/steam_icon.png"
+
 // Components
 import SocialIcon from "../components/SocialIcon";
 import ActualPage from "../components/global/ActualPage";
@@ -29,7 +31,6 @@ import AOS from "aos";
 import "aos/dist/aos.css";
 import { Parallax } from "react-scroll-parallax";
 import { useTranslation } from "react-i18next";
-//import ArtiusCharButton from "../components/ArtiusCharButton";
 
 const NewArtius = () => {
   useEffect(() => {
@@ -39,24 +40,30 @@ const NewArtius = () => {
     });
   }, []);
 
-  const { t } = useTranslation();
+  const { t , i18n } = useTranslation();
 
   const slides = [pic1, pic2, pic3];
   const slides2 = [pic4, pic6, pic5];
 
-  /*const [currentCharTitle, setCurrentCharTitle] = useState(t("games.newArtius.characters.pivolo.title"))
-  const [currentCharSubtitle, setCurrentCharSubtitle] = useState("Current char title.")
-  const [currentCharDesc, setCurrentCharDesc] = useState("Current char description.")
-  const [currentCharImg, setCurrentCharImg] = useState("/")
-
-  function setCharacter(characterName: string) {
-    const path = `games.newArtius.characters.${characterName}`
-
-    setCurrentCharTitle(t(`${path}.title`))
-    setCurrentCharSubtitle(t(`${path}.subtitle`))
-    setCurrentCharDesc(t(`${path}.desc`))
-    setCurrentCharImg(t(`${path}.img`))
-  }*/
+  const currentLanguage = i18n.language;
+
+  function createLinks() {
+    if (currentLanguage === "pt" || currentLanguage === "pt-BR") {
+      return (<div className="mt-6 flex">
+        <SocialIcon Link="https://x.com/ednaldo_game" Icon={IconTwitter} />
+        <SocialIcon Link="https://discord.gg/MKr3eyn" Icon={IconDiscord} />
+        <SocialIcon Link="https://www.youtube.com/channel/UCXrinAaMhfNehiK37hGrYtg" Icon={IconYoutube} />
+        <SocialIcon Link="https://www.instagram.com/pvicgamesbr/" Icon={IconInstagram} />
+      </div>)
+    } else {
+      return (<div className="mt-6 flex">
+        <SocialIcon Link="https://x.com/PVicGames" Icon={IconTwitter} />
+        <SocialIcon Link="https://discord.gg/3T8fbXq9Jf" Icon={IconDiscord} />
+        <SocialIcon Link="https://www.youtube.com/@PVicVG" Icon={IconYoutube} />
+        <SocialIcon Link="https://www.instagram.com/pvicgames/" Icon={IconInstagram} />
+      </div>)
+    }
+  }
 
   return (
     <ActualPage singleColumn={true}>
@@ -76,12 +83,19 @@ const NewArtius = () => {
               src={Logo}
             />
 
-            <div className="mt-6 flex">
-              <SocialIcon Link="#" Icon={IconTwitter} />
-              <SocialIcon Link="#" Icon={IconDiscord} />
-              <SocialIcon Link="#" Icon={IconYoutube} />
-              <SocialIcon Link="#" Icon={IconInstagram} />
-            </div>
+            <a className="text-2xl xl:text-5xl text-center font-adlib xl:ml-10 mt-5 mb-2 
+                          bg-black text-white p-3 rounded-2xl
+                          drop-shadow-[0px_0px_10px_rgba(255,255,255,1)]
+                          hover:drop-shadow-[0px_0px_20px_rgba(255,255,255,255)]
+                          cursor-pointer duration-100 transform hover:rounded-3xl
+                          flex items-center gap-2 hover:scale-105"
+                href="https://store.steampowered.com/app/3599920/ARTIUS_Pure_Imagination/" target="_blank"
+            >
+              <img className="w-[50px] mr-3" src={steamIcon}/> 
+              {t("games.newArtius.wishlist")}
+            </a>
+
+            {createLinks()}
           </div>
         </div>
 
@@ -207,8 +221,6 @@ const NewArtius = () => {
               <Gallery picSize="325px" slides={slides} />
             </div>
 
-            
-
             {/* Final */}
             <div className="mt-20 p-5 xl:p-0 flex flex-col items-center justify-center">
               <img