Add multi-languages support with i18next

src/Pages/Home/HeroSection.jsx

@@ -1,26 +1,24 @@
-import { Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 
 export default function HeroSection() {
-  const openGitHub = (link) => {
-    window.open(link, "_blank");
-  };
+  const { t } = useTranslation();
 
   return (
     <section id="heroSection" className="hero--section">
       <div className="hero--section--content-box">
         <div className="hero--section--content">
-          <p className="section--title">Hello, je suis ALESSI Thibaut</p>
+          <p className="section--title">{t('hero.hello')}</p>
           <h1 className="hero--section--title">
             <span className="hero--section--title--color">
-              Etudiant à Polytech Lyon
+              {t('hero.student')}
             </span>{" "}
             <br />
-            Passionné d'informatique
+            {t('hero.passion')}
           </h1>
           <p className="hero--section--description">
-            J'aime le C++, le SQL, la guitare, le sport et voyager.
+            {t('hero.description')}
             <br />
-            Mon objectif, m'améliorer chaque jour.
+            {t('hero.goal')}
           </p>
         </div>
       </div>