feat: add component CarouselLibre

src/components/Carousel.js

@@ -28,11 +28,14 @@ function CarouselElement({name, img, link}) {
   );
 }
 
-export default function Carousel() {
+// https://fr.reactjs.org/docs/lists-and-keys.html
+export default function Carousel(props) {
+  const list = props.list;
+
   return (
     <section className="section-carousel">    
       <div className="row">
-        {CarouselList.map((props, idx) => (
+        {list.map((props, idx) => (
           <CarouselElement key={idx} {...props} />
         ))}
       </div>   

src/components/CarouselLibre.js

+import React from "react";
+import Carousel from "./Carousel";
+
+const CarouselList = [
+  {
+    name: "Acceuil",
+    img: "/img/docusaurus.png",
+    link: "https://froggit.fr/",
+  },
+  {
+    name: "Tarifs",
+    img: "/img/docusaurus.png",
+    link: "/tarifs",
+  },
+  {
+    name: "Communauté",
+    img: "/img/docusaurus.png",
+    link: "/communaute",
+  }
+];
+
+export default function CarouselLibre() {
+  return (
+    <Carousel list={CarouselList} />
+  );
+}

src/pages/dummy_page.mdx

-import Carousel from "@site/src/components/Carousel";
+import CarouselLibre from "@site/src/components/CarouselLibre";
+
 
 # Page factice
 
@@ -9,9 +10,9 @@ Page factice penser à créer une vraie page !
 echo "Hello World"
 ```
 
-## Hello mon carousel !
+## Hello mon carousel Libre !
 
-<Carousel />
+<CarouselLibre />
 
 :::note