resolved: hard coded path and missing space

src/components/HomepageWhy.js

@@ -2,30 +2,30 @@ import React from "react";
 import clsx from "clsx";
 import Why from "./Why";
 
-
+const imgPath = "img/components/HomepageWhy/";
 const WhyList = [
   {
     id: 1,
     title: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
-    icon: "logo_froggit.svg",
+    icon: imgPath+"logo_froggit.svg",
     alt: ""
   },
   {
     id: 2,
     title: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
-    icon: "logo_froggit.svg",
+    icon: imgPath+"logo_froggit.svg",
     alt: ""
   },
   {
     id: 3,
     title: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
-    icon: "logo_froggit.svg",
+    icon: imgPath+"logo_froggit.svg",
     alt: ""
   },
   {
     id: 4,
     title: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.",
-    icon: "logo_froggit.svg",
+    icon: imgPath+"logo_froggit.svg",
     alt: ""
   }
 ];
@@ -38,8 +38,8 @@ export default function HomepageWhy() {
       <p className={"text--center"}> Parce que collaborer autour du code, c’est bien plus que coder.
       </p> 
       <section className="sections container">
-      <p className={"text--center homepageWhy_title"}>Pour mener à bien un projet, vous avez plusieurs choix :
-      </p> 
+        <p className={"text--center homepageWhy_title"}>Pour mener à bien un projet, vous avez plusieurs choix :
+        </p> 
         <div className="row">
           {WhyList.map((props, idx) => (
             <Why key={idx} {...props} />

src/components/Why.js

@@ -5,7 +5,7 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 export default function Why({title, icon, alt}) {
   return (
     <div className="col col--6 text--center padding-horiz--lg">
-      <img src={useBaseUrl("img/components/HomepageWhy/")+icon} className="why_img" alt={alt}/>
+      <img src={useBaseUrl(icon)} className="why_img" alt={alt}/>
       <p> {title} </p>
     </div>
   );

src/pages/index.js

@@ -36,7 +36,7 @@ export default function Home() {
       <main>
         <HomepagePromises />
         <HomepageFeatures />
-        <CarouselLibre/>
+        <CarouselLibre />
         <HomepageWhy />
         
       </main>