🍱 Update main page with new assets

src/components/HomepageFeatures/index.tsx

@@ -9,15 +9,47 @@ type FeatureItem = {
 };
 
 const FeatureList: FeatureItem[] = [
+  {
+    title: "Open Source technologies",
+    Svg: require("@site/static/img/svg/logo-open-source.svg").default,
+    description: (
+      <>
+        We believe that <strong>Open Source</strong> technologies are the{" "}
+        <strong>best</strong> technology. And here we rely on Open Source and
+        use it to the fullest in all our projects and documentation. We are also
+        open to contributions.
+      </>
+    ),
+  },
+  {
+    title: "Operating System snippets",
+    Svg: require("@site/static/img/svg/logo-operating-system.svg").default,
+    description: (
+      <>
+        There is no need to use a specific operating system to use our
+        documentation. We are operating system agnostic and we provide snippets
+        for all.
+        <br />
+      </>
+    ),
+  },
+  {
+    title: "Extensive documentation",
+    Svg: require("@site/static/img/svg/logo-git.svg").default,
+    description: (
+      <>
+        Our documentation is extensive and covers all the topics in detail.
+        Covering Git and GitHub, Docker, Kubernetes, and many more.
+      </>
+    ),
+  },
   {
     title: "Server configuration",
-    Svg: require("@site/static/img/svg/server-database.svg").default,
+    Svg: require("@site/static/img/svg/logo-server.svg").default,
     description: (
       <>
         Multiple snippets, tutorials, configuration references and useful files
         and links works on any environment.
-        <br />
-        Focused on Open Source technologies and the DIY.
       </>
     ),
   },
@@ -27,14 +59,13 @@ const FeatureList: FeatureItem[] = [
     description: (
       <>
         Kubernetes documentation about how quickly install k8s solutions with{" "}
-        <code>kubeadm</code>, <code>k3s</code>, <code>cert-manager</code>, and
-        all related content.
+        k3s, cert-manager, HTTPS, and all related content.
       </>
     ),
   },
   {
     title: "Blog posts",
-    Svg: require("@site/static/img/svg/blog.svg").default,
+    Svg: require("@site/static/img/svg/logo-blog.svg").default,
     description: (
       <>
         All our experiments, all our proof of concept, in the form of a blog
@@ -44,11 +75,17 @@ const FeatureList: FeatureItem[] = [
   },
 ];
 
-function Feature({ title, Svg, description }: FeatureItem) {
+function Feature({ title, Svg, description }: FeatureItem): JSX.Element {
+  const size: number = 200;
   return (
     <div className={clsx("col col--4")}>
       <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
+        <Svg
+          className={styles.featureSvg}
+          role="img"
+          width={size}
+          height={size}
+        />
       </div>
       <div className="text--center padding-horiz--md">
         <h3>{title}</h3>
@@ -68,7 +105,7 @@ const badge = {
   },
 };
 
-function getBadgeList() {
+function getBadgeList(): JSX.Element[] {
   const badges = [
     {
       element: badge.version,