From 3f30b0e0e495a9aeabb8d8bca9ad9bd14f0919ec Mon Sep 17 00:00:00 2001
From: SimolZimol <70102430+SimolZimol@users.noreply.github.com>
Date: Fri, 6 Sep 2024 13:58:15 +0200
Subject: [PATCH] 	modified:   templates/landing.html

---
 templates/landing.html | 107 +++++++++++++++++++++++++++++++++--------
 1 file changed, 86 insertions(+), 21 deletions(-)
diff --git a/templates/landing.html b/templates/landing.html
index 8fc9dc3..031e97f 100644
--- a/templates/landing.html
+++ b/templates/landing.html
@@ -5,32 +5,97 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Welcome to Multus Bot</title>
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #f7f7f7;
+        }
+        .hero {
+            background-image: url('https://source.unsplash.com/1600x900/?technology,ai');
+            background-size: cover;
+            color: white;
+            padding: 100px 0;
+            text-align: center;
+            position: relative;
+        }
+        .hero-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+        }
+        .hero-content {
+            position: relative;
+            z-index: 2;
+        }
+        .feature-section {
+            padding: 50px 0;
+        }
+        .footer {
+            background-color: #343a40;
+            color: white;
+            padding: 20px 0;
+            text-align: center;
+        }
+    </style>
 </head>
 <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-        <a class="navbar-brand" href="#">Multus Bot</a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarNav">
-            <ul class="navbar-nav ml-auto">
-                <li class="nav-item">
-                    {% include 'navbar.html' %}
-                </li>
-            </ul>
+
+    {% include 'navbar.html' %}
+
+    <section class="hero">
+        <div class="hero-overlay"></div>
+        <div class="container hero-content">
+            <h1 class="display-4">Welcome to Multus Bot</h1>
+            <p class="lead">The AI-powered Discord bot that helps manage your server with advanced tools and intelligent automation.</p>
+            <a href="{{ url_for('login') }}" class="btn btn-primary btn-lg">Get Started</a>
         </div>
-    </nav>
+    </section>
 
-    <div class="container mt-5 text-center">
-        <h1>Welcome to Multus Bot</h1>
-        <p class="lead">Your friendly AI-powered Discord bot, designed by SimolZimol.</p>
-        <p>Use this bot to manage your Discord server with ease and integrate advanced AI-powered commands.</p>
-        <a href="{{ url_for('login') }}" class="btn btn-primary btn-lg">Login with Discord</a>
-    </div>
-
-    <footer class="footer mt-5 py-3 bg-dark text-light text-center">
+    <section class="feature-section">
         <div class="container">
-            <span>&copy; 2024 Multus Bot by SimolZimol</span>
+            <div class="row text-center">
+                <div class="col-md-4">
+                    <img src="https://source.unsplash.com/100x100/?automation,robot" alt="Automation" class="img-fluid mb-3">
+                    <h3>Advanced AI Automation</h3>
+                    <p>Multus Bot automates repetitive tasks and manages your server effortlessly, so you can focus on what matters most.</p>
+                </div>
+                <div class="col-md-4">
+                    <img src="https://source.unsplash.com/100x100/?chat,bot" alt="Chat Assistance" class="img-fluid mb-3">
+                    <h3>Smart Chat Assistance</h3>
+                    <p>Using powerful AI, Multus Bot can assist with chat moderation, user queries, and provide useful information.</p>
+                </div>
+                <div class="col-md-4">
+                    <img src="https://source.unsplash.com/100x100/?data,analytics" alt="Server Analytics" class="img-fluid mb-3">
+                    <h3>Detailed Server Insights</h3>
+                    <p>Gain access to detailed analytics and user engagement metrics to keep your server thriving and well-managed.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="bg-light py-5">
+        <div class="container">
+            <div class="text-center">
+                <h2>Exclusively Available on Ludi et Historia</h2>
+                <p class="lead">Currently, Multus Bot is available only for the <strong>Ludi et Historia</strong> Discord server. We are working to bring it to more communities soon.</p>
+                <p>If you're part of Ludi et Historia, start using Multus Bot now!</p>
+            </div>
+        </div>
+    </section>
+
+    <section class="bg-dark text-white py-5">
+        <div class="container text-center">
+            <h2>Need Assistance?</h2>
+            <p>For any help or questions, reach out to <strong>@simolzimol</strong> on Discord. We're here to help!</p>
+            <a href="https://discordapp.com/users/@simolzimol" class="btn btn-light">Contact SimolZimol</a>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <p>&copy; 2024 Multus Bot | Built by SimolZimol | Exclusively on Ludi et Historia</p>
         </div>
     </footer>
 
