From ee4ef7e18fafc8bb85dabf7443d141ad64557d3a Mon Sep 17 00:00:00 2001
From: Alexander Myasoedov <msoedov@gmail.com>
Date: Mon, 19 Aug 2024 19:13:17 +0300
Subject: [PATCH] feat(Add footer):

---
 agentic_security/static/index.html | 45 ++++++++++++++++++++++++++++--
 1 file changed, 43 insertions(+), 2 deletions(-)

diff --git a/agentic_security/static/index.html b/agentic_security/static/index.html
index 556d35a..5ceecd5 100644
--- a/agentic_security/static/index.html
+++ b/agentic_security/static/index.html
@@ -58,8 +58,8 @@
       <header class="flex justify-between items-center mb-8 relative">
         <div class="w-full absolute left-0 flex justify-center">
           <h1
-            class="text-4xl font-bold text-dark-accent-green"> <span
-              class="font-technopollas text-3xl text-gray-400">Agentic</span>
+            class="text-4xl font-bold text-gray-400"> <span
+              class="font-technopollas text-3xl text-dark-accent-green">Agentic</span>
             LLM Vulnerability Scanner</h1>
         </div>
         <div class="w-full flex justify-end relative z-10">
@@ -289,6 +289,47 @@
           </div>
         </section>
       </main>
+      <!-- Footer Section -->
+      <footer class="mt-16 pt-8 border-t border-gray-800">
+        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <!-- Column 1 -->
+            <div>
+              <h3
+                class="text-lg font-semibold text-dark-accent-green mb-4">Home</h3>
+              <p class="text-gray-400">Dedicated to LLM Security, 2024</p>
+              <p class="text-gray-400 mt-2">© Agentic Security</p>
+            </div>
+
+            <!-- Column 2 -->
+            <div>
+              <h3
+                class="text-lg font-semibold text-dark-accent-green mb-4">Connect</h3>
+              <ul class="space-y-2">
+                <li><a href="https://x.com" target="_blank"
+                    rel="noopener noreferrer"
+                    class="text-gray-400 hover:text-dark-accent-green">X.com</a></li>
+                <li><a href="https://github.com/msoedov" target="_blank"
+                    rel="noopener noreferrer"
+                    class="text-gray-400 hover:text-dark-accent-green">Github</a></li>
+              </ul>
+            </div>
+
+            <!-- Column 3 -->
+            <div>
+              <h3
+                class="text-lg font-semibold text-dark-accent-green mb-4">About</h3>
+              <p class="text-gray-400">This is the LLM Vulnerability Scanner.
+                Easy to use—no coding needed, just pure security testing.</p>
+            </div>
+          </div>
+
+          <div class="mt-8 pt-8 border-t border-gray-800 text-center">
+            <p class="text-gray-400">Made with ❤️ by the Agentic Security
+              Team</p>
+          </div>
+        </div>
+      </footer>
 
     </div>