Resolve "create a carousel component"

Closes #90 (closed)

src/components/Carousel.js

-import React from "react"
+import React from "react";
 import clsx from "clsx";
 import Slider from "react-slick";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 
-const CarouselList = [
-  {
-    name: "Home",
-    img: "/img/docusaurus.png",
-    link: "",
-  },
-  {
-    name: "Price",
-    img: "/img/docusaurus.png",
-    link: "",
-  },
-  {
-    name: "Community",
-    img: "/img/docusaurus.png",
-    link: "",
-  }
-]
-
-// const personList =  persons.map(person => (
-//   <h2>{person.name}</h2>
-//   <img src={useBaseUrl(person.img)} />
-// ))
-// return <Slider {...settings}><div>{personList}</div></Slider>
 function CarouselElement({name, img, link}) {
 
   const settings = {
@@ -42,13 +19,11 @@ function CarouselElement({name, img, link}) {
   };
 
   return (
-    <div className={clsx("col col--4")}>
-      <div className="text--center">
+    <div className="text--center">
+      <a href={link} target="_blank" rel="noopener noreferrer">
         <img src={useBaseUrl(img)} />
-      </div>
-      <div className="text--center padding-horiz--md">
         <h6>{name}</h6>
-      </div>
+      </a>
     </div>
   );
 }