Added the Plenus section

src/index.html

@@ -10,7 +10,9 @@
 
     <!-- Embed stuff -->
     <meta content="Apexie's Home" property="og:title" />
-    <meta content="We want to deliver the best experiences to you and create the best place to find new friends and play with your friends." property="og:description" />
+    <meta
+        content="We want to deliver the best experiences to you and create the best place to find new friends and play with your friends."
+        property="og:description" />
     <meta content="https://apexie.eu" property="og:url" />
     <meta content="https://apexie.eu/assets/img/favicon.png" property="og:image" />
     <meta content="#1A9EF1" data-react-helmet="true" name="theme-color" />
@@ -110,6 +112,7 @@
                         <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                             <li><a class="dropdown-item" href="https://video.arcade.apexie.eu">Video to Arcade</a></li>
                             <li><a class="dropdown-item" href="#osustream">osu!stream revived</a></li>
+                            <li><a class="dropdown-item" href="#plenus">Plenus</a></li>
                             <li>
                                 <hr class="dropdown-divider">
                             </li>
@@ -211,11 +214,14 @@
                         that you can find.
                     </p>
                     <p>
-                        This project tries to make the best osu!stream port for Android. Since the source code is available on GitHub,
+                        This project tries to make the best osu!stream port for Android. Since the source code is
-                        we decided to fork the project and optimize it to support multiple feature and to fix some of the issues of the
+                        available on GitHub,
+                        we decided to fork the project and optimize it to support multiple feature and to fix some of
+                        the issues of the
                         original project.
                     </p>
-                    <a href="https://github.com/ApexieCommunity/Website/raw/main/downloads/eu.apexie.osustream.apk" class="btn btn-light mt-3">
+                    <a href="https://github.com/ApexieCommunity/Website/raw/main/downloads/eu.apexie.osustream.apk"
+                        class="btn btn-light mt-3">
                         <i class="bi bi-chevron-right"></i> Download
                     </a>
                 </div>
@@ -223,6 +229,31 @@
         </div>
     </section>
 
+    <section id="plenus" class="p-5 bg-dark text-light">
+        <div class="container">
+            <div class="row align-items-center justify-content-between">
+                <div class="col-md p-5">
+                    <h2>Plenus</h2>
+                    <p class="lead">
+                        The best Discord bot that you can find.
+                        It's simple to use and also open source.
+                    </p>
+                    <p>
+                        With Plenus, you can take your Discord server to another level. It offers features like
+                        role buttons, music, moderation, logs, and more. Plenus is also open source, that means we make money 
+                        only from donations from the <a href="https://ko-fi.com/plenus" class="link-primary">Ko-fi page</a>.
+                    </p>
+                    <a href="https://plenusbot.xyz" class="btn btn-light mt-3">
+                        <i class="bi bi-chevron-right"></i> Learn more
+                    </a>
+                </div>
+                <div class="col-md">
+                    <img src="https://raw.githubusercontent.com/ApexieCommunity/Plenus/main/assets/logo.png" class="img-fluid" alt="" />
+                </div>
+            </div>
+        </div>
+    </section>
+
     <footer class="p-5 bg-dark text-white text-center position-relative">
         <div class="container">
             <p class="lead">Copyright &copy; 2022 Apexie Community</p>