Resolve "change for froggit colors and fonts"

Closes #21 (closed)

src/components/BlockSection.js

+/* eslint-disable react/prop-types */
+/* eslint-disable react/jsx-no-comment-textnodes */
+import React from "react";
+import clsx from "clsx";
+import styles from "./BlockSection.module.css";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+
+// eslint-disable-next-line no-unused-vars
+const { siteConfig } = useDocusaurusContext();
+
+/* const  = [
+  {
+    title: "",
+    // eslint-disable-next-line
+		Svg: require("../../static/img/bouclier.svg").default,
+    description: (
+      <>
+        <p>Vos données sont en lieu sûr et sauvegardées toutes les nuits.</p>
+      </>
+    ), 
+  },
+]; */
+const BlockSectionComponent = [
+  {
+    
+  },
+  {
+    title: "Souverain",
+    // eslint-disable-next-line
+		Svg: require("../../static/img/rgpd.svg").default,
+    description: (
+      <>
+        <p>Nous sommes hébergés en France et conformes au RGPD.</p>
+      </>
+    ),
+  },
+  {
+    // eslint-disable-next-line
+		title: "Libre",
+    // eslint-disable-next-line
+		Svg: require("../../static/img/liberte.svg").default,
+    description: (
+      <>
+        <p>Notre solution s&apos;appuie sur des logiciels libres et nos conditions générales sont éthiques.</p>
+      </>
+    ),
+  },
+];
+
+// eslint-disable-next-line
+function Feature({Svg, title, description, siteConfig }) {
+  return (
+    <div className={clsx("col col--4")}>
+      <div className="text--center">
+        <Svg className={styles.featureSvg} alt={title} />
+      </div>
+      <div className="text--center padding-horiz--md">
+        // eslint-disable-next-line react/jsx-no-comment-textnodes
+        <h3>{title}</h3>
+        // eslint-disable-next-line react/prop-types
+        <p>{ siteConfig.customFields.blockSection.title }</p>
+      </div>
+    </div>
+  );
+}
+
+export default function BlockSection() {
+  return (
+    <section className={styles.features}>
+      <div className="container">
+        <div className="row">
+          {BlockSectionComponent.map((props, idx) => (
+            <Feature key={idx} {...props} />
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}