add section MyPorfolio, section ContactMe, section Footer

src/Pages/Home/MyPortfolio.jsx

@@ -1,15 +1,20 @@
+import { Link } from "react-router-dom";
 import data from "../../data/index.json";
 
 export default function MyPortfolio() {
+  const openGitHub = (link) => {
+    window.open(link, "_blank");
+  };
+
   return (
     <section className="portfolio--section" id="MyPortfolio">
       <div className="portfolio--container-box">
         <div className="portfolio--container">
-          <p className="sub--title">Recent Projects</p>
-          <h2 className="section--heading">My Portfolio</h2>
+          <p className="sub--title">Projets récents</p>
+          <h2 className="section--heading">Mon Portfolio</h2>
         </div>
         <div>
-          <button className="btn btn-github">
+          <button className="btn btn-github" onClick={() => openGitHub("https://github.com/Morph01")}>
             <svg
               xmlns="http://www.w3.org/2000/svg"
               width="32"
@@ -24,7 +29,7 @@ export default function MyPortfolio() {
                 fill="currentColor"
               />
             </svg>
-            Visit My GitHub
+            Visiter mon GitHub
           </button>
         </div>
       </div>
@@ -39,8 +44,8 @@ export default function MyPortfolio() {
                 <h3 className="portfolio--section--title">{item.title}</h3>
                 <p className="text-md">{item.description}</p>
               </div>
-              <p className="text-sm portfolio--link">
-                {item.link}
+              <p className="text-sm portfolio--link" onClick={() => openGitHub(item.link)}>
+                {item.voir}
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="16"
@@ -63,4 +68,4 @@ export default function MyPortfolio() {
       </div>
     </section>
   );
-}
+}