From 2277e278d414fde65b7c12955ceba17b00b73ad8 Mon Sep 17 00:00:00 2001
From: SimolZimol <70102430+SimolZimol@users.noreply.github.com>
Date: Fri, 6 Sep 2024 13:55:21 +0200
Subject: [PATCH] 	modified:   templates/about.html 	modified:  
 templates/contact.html 	modified:   templates/faq.html 	modified:  
 templates/help.html 	modified:   templates/navbar.html

---
 templates/about.html   | 47 +++++++++++++++++++++++++++++++++--------
 templates/contact.html | 42 ++++++++++++++++++++++++++++--------
 templates/faq.html     | 48 ++++++++++++++++++++++++++++++------------
 templates/help.html    | 47 ++++++++++++++++++++++++++++++-----------
 templates/navbar.html  |  2 +-
 5 files changed, 142 insertions(+), 44 deletions(-)
diff --git a/templates/about.html b/templates/about.html
index 1d9d992..7717cbc 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -5,18 +5,47 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>About Us</title>
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #f7f7f7;
+        }
+        .hero {
+            background-color: #007bff;
+            color: white;
+            padding: 50px 0;
+            text-align: center;
+        }
+        .content {
+            margin: 50px 0;
+        }
+    </style>
 </head>
 <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-        <a class="navbar-brand" href="/">Multus Bot</a>
-        <ul class="navbar-nav ml-auto">
-            {% include 'navbar.html' %}
-        </ul>
-    </nav>
+    {% include 'navbar.html' %}
 
-    <div class="container mt-5">
-        <h1>About Us</h1>
-        <p>Welcome to Multus Bot, the AI-powered Discord bot created by SimolZimol. We aim to make managing Discord servers easier with AI tools and advanced functionalities.</p>
+    <section class="hero">
+        <div class="container">
+            <h1>About Multus Bot</h1>
+            <p class="lead">The AI-powered Discord bot, exclusively available on the Ludi et Historia server.</p>
+        </div>
+    </section>
+
+    <div class="container content">
+        <h2>Our Mission</h2>
+        <p>Multus Bot, created by SimolZimol, is designed to simplify server management through AI-powered tools. Whether you’re looking for help with moderation, user interactions, or just want to automate server tasks, Multus Bot is here to assist you.</p>
+
+        <h2>Where to Use Multus Bot?</h2>
+        <p>At this time, Multus Bot is only available for the <strong>Ludi et Historia</strong> Discord server. We are exploring ways to extend its reach to more communities in the future.</p>
+
+        <h2>Creator and Support</h2>
+        <p>Multus Bot was created by <strong>SimolZimol</strong>, a dedicated Discord enthusiast and developer. If you need assistance or have any questions about the bot, feel free to reach out to SimolZimol on Discord via <strong>@simolzimol</strong>.</p>
     </div>
+
+    <footer class="text-center py-3">
+        <p>&copy; 2024 Multus Bot. Exclusively available on Ludi et Historia.</p>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
diff --git a/templates/contact.html b/templates/contact.html
index 4129733..746acbb 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -5,18 +5,42 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Contact Us</title>
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #f7f7f7;
+        }
+        .hero {
+            background-color: #28a745;
+            color: white;
+            padding: 50px 0;
+            text-align: center;
+        }
+        .contact-details {
+            margin: 50px 0;
+        }
+    </style>
 </head>
 <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-        <a class="navbar-brand" href="/">Multus Bot</a>
-        <ul class="navbar-nav ml-auto">
-            {% include 'navbar.html' %}
-        </ul>
-    </nav>
+    {% include 'navbar.html' %}
 
-    <div class="container mt-5">
-        <h1>Contact Us</h1>
-        <p>If you have any questions or need support, feel free to contact us at <a href="mailto:support@multusbot.com">support@multusbot.com</a>.</p>
+    <section class="hero">
+        <div class="container">
+            <h1>Contact Us</h1>
+            <p class="lead">Need help? Reach out to SimolZimol on Discord.</p>
+        </div>
+    </section>
+
+    <div class="container contact-details text-center">
+        <h2>Get in Touch</h2>
+        <p>If you have any questions or need support, you can contact <strong>SimolZimol</strong> on Discord:</p>
+        <p><strong>Username:</strong> <a href="https://discordapp.com/users/@simolzimol">@simolzimol</a></p>
     </div>
+
+    <footer class="text-center py-3">
+        <p>&copy; 2024 Multus Bot. Reach out to us for any questions or support.</p>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
diff --git a/templates/faq.html b/templates/faq.html
index c88c27a..c0c2aaf 100644
--- a/templates/faq.html
+++ b/templates/faq.html
@@ -5,23 +5,45 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>FAQ</title>
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #f7f7f7;
+        }
+        .hero {
+            background-color: #ffc107;
+            color: white;
+            padding: 50px 0;
+            text-align: center;
+        }
+        .faq-list {
+            margin: 50px 0;
+        }
+    </style>
 </head>
 <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-        <a class="navbar-brand" href="/">Multus Bot</a>
-        <ul class="navbar-nav ml-auto">
-            {% include 'navbar.html' %}
-        </ul>
-    </nav>
+    {% include 'navbar.html' %}
 
-    <div class="container mt-5">
-        <h1>Frequently Asked Questions (FAQ)</h1>
-        <p>Find answers to the most commonly asked questions about the Multus Bot.</p>
-        <ul>
-            <li><strong>What is Multus Bot?</strong> Multus Bot is an AI-powered Discord bot designed for server management and automation.</li>
-            <li><strong>How do I install Multus Bot?</strong> Simply invite Multus Bot to your server using the invite link provided in your dashboard.</li>
-            <li><strong>How do I use AI commands?</strong> Check out our documentation for a full guide on using the bot’s AI functionalities.</li>
+    <section class="hero">
+        <div class="container">
+            <h1>Frequently Asked Questions</h1>
+            <p class="lead">Find answers to the most common questions about Multus Bot.</p>
+        </div>
+    </section>
+
+    <div class="container faq-list">
+        <h2>FAQ</h2>
+        <ul class="list-group">
+            <li class="list-group-item"><strong>What is Multus Bot?</strong> Multus Bot is an AI-powered Discord bot created by SimolZimol, available exclusively on the Ludi et Historia server.</li>
+            <li class="list-group-item"><strong>How do I use Multus Bot?</strong> You can use Multus Bot by joining the Ludi et Historia server and interacting with its features.</li>
+            <li class="list-group-item"><strong>Who can I contact for support?</strong> If you need help, contact SimolZimol on Discord via <strong>@simolzimol</strong>.</li>
         </ul>
     </div>
+
+    <footer class="text-center py-3">
+        <p>&copy; 2024 Multus Bot. All rights reserved.</p>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
diff --git a/templates/help.html b/templates/help.html
index 0a3cd6a..1ce9732 100644
--- a/templates/help.html
+++ b/templates/help.html
@@ -5,22 +5,45 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Help</title>
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #f7f7f7;
+        }
+        .hero {
+            background-color: #17a2b8;
+            color: white;
+            padding: 50px 0;
+            text-align: center;
+        }
+        .help-section {
+            margin: 50px 0;
+        }
+    </style>
 </head>
 <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-        <a class="navbar-brand" href="/">Multus Bot</a>
-        <ul class="navbar-nav ml-auto">
-            {% include 'navbar.html' %}
-        </ul>
-    </nav>
+    {% include 'navbar.html' %}
 
-    <div class="container mt-5">
-        <h1>Help Center</h1>
-        <p>Need help? Here are some resources to get you started with Multus Bot.</p>
-        <ul>
-            <li><a href="/faq">Check our FAQ</a></li>
-            <li><a href="mailto:support@multusbot.com">Contact Support</a></li>
+    <section class="hero">
+        <div class="container">
+            <h1>Help Center</h1>
+            <p class="lead">Find the resources you need to get help with Multus Bot.</p>
+        </div>
+    </section>
+
+    <div class="container help-section">
+        <h2>How Can We Help?</h2>
+        <p>Below are the available resources to help you with Multus Bot:</p>
+        <ul class="list-group">
+            <li class="list-group-item"><a href="/faq">Check our FAQ</a></li>
+            <li class="list-group-item">Contact SimolZimol directly on Discord: <a href="https://discordapp.com/users/@simolzimol">@simolzimol</a></li>
         </ul>
     </div>
+
+    <footer class="text-center py-3">
+        <p>&copy; 2024 Multus Bot. Reach out to us for any assistance.</p>
+    </footer>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
diff --git a/templates/navbar.html b/templates/navbar.html
index 3892144..d0032ea 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -8,4 +8,4 @@
         <li class="nav-item"><a class="nav-link" href="/help">Help</a></li>
         <li class="nav-item"><a class="nav-link" href="{{ url_for('login') }}">Login</a></li>
     </ul>
-</nav>
\ No newline at end of file
+</nav>
