diff --git a/poetry.lock b/poetry.lock
index 7e2731f87..243c1019a 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -1975,13 +1975,13 @@ tenacity = ">=8.1.0,<8.4.0 || >8.4.0,<9.0.0"
 
 [[package]]
 name = "langchain-core"
-version = "0.2.40"
+version = "0.2.42"
 description = "Building applications with LLMs through composability"
 optional = false
 python-versions = "<4.0,>=3.8.1"
 files = [
-    {file = "langchain_core-0.2.40-py3-none-any.whl", hash = "sha256:71fff5cafa4b9c82a3a716e985f071383be452c35d8cc3169b3a393e6857fc99"},
-    {file = "langchain_core-0.2.40.tar.gz", hash = "sha256:c838ea0c0b73475a8e58ced3e306b6d926ef063721abd164f237c8664916f502"},
+    {file = "langchain_core-0.2.42-py3-none-any.whl", hash = "sha256:09503fdfb9efa163e51f2d9762894fde04797d0a41462c0e6072ef78028e48fd"},
+    {file = "langchain_core-0.2.42.tar.gz", hash = "sha256:e4ea04b22bd6398048d0ef97cd3132fbdd80e6c749863ee96e6b7c88502ff913"},
 ]
 
 [package.dependencies]
@@ -2480,13 +2480,13 @@ tests = ["pytest", "pytest-cov"]
 
 [[package]]
 name = "openai"
-version = "1.52.2"
+version = "1.53.0"
 description = "The official Python library for the openai API"
 optional = false
 python-versions = ">=3.7.1"
 files = [
-    {file = "openai-1.52.2-py3-none-any.whl", hash = "sha256:57e9e37bc407f39bb6ec3a27d7e8fb9728b2779936daa1fcf95df17d3edfaccc"},
-    {file = "openai-1.52.2.tar.gz", hash = "sha256:87b7d0f69d85f5641678d414b7ee3082363647a5c66a462ed7f3ccb59582da0d"},
+    {file = "openai-1.53.0-py3-none-any.whl", hash = "sha256:20f408c32fc5cb66e60c6882c994cdca580a5648e10045cd840734194f033418"},
+    {file = "openai-1.53.0.tar.gz", hash = "sha256:be2c4e77721b166cce8130e544178b7d579f751b4b074ffbaade3854b6f85ec5"},
 ]
 
 [package.dependencies]
@@ -3640,13 +3640,13 @@ files = [
 
 [[package]]
 name = "selenium"
-version = "4.24.0"
+version = "4.26.0"
 description = "Official Python bindings for Selenium WebDriver"
 optional = false
 python-versions = ">=3.8"
 files = [
-    {file = "selenium-4.24.0-py3-none-any.whl", hash = "sha256:42c23f60753d5415b261b236cecbd69bd4eb5271e1563915f546b443cb6b71c6"},
-    {file = "selenium-4.24.0.tar.gz", hash = "sha256:88281e5b5b90fe231868905d5ea745b9ee5e30db280b33498cc73fb0fa06d571"},
+    {file = "selenium-4.26.0-py3-none-any.whl", hash = "sha256:48013f36e812de5b3948ef53d04e73f77bc923ee3e1d7d99eaf0618179081b99"},
+    {file = "selenium-4.26.0.tar.gz", hash = "sha256:f0780f85f10310aa5d085b81e79d73d3c93b83d8de121d0400d543a50ee963e8"},
 ]
 
 [package.dependencies]
@@ -4552,4 +4552,4 @@ multidict = ">=4.0"
 [metadata]
 lock-version = "2.0"
 python-versions = "3.11.2"
-content-hash = "72173735b85b5b4100a54d7cac0f4be0cde41fbaa629643fd953afc16e574b7d"
+content-hash = "e28da64daa986113324ee9f841d830a7f3fd0ed0fbd737987dc552557373f6d8"
diff --git a/pyproject.toml b/pyproject.toml
index 03a801627..01d56d8cc 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -25,7 +25,7 @@ Unidecode = "^1.3.8"
 user-agents = "^2.2.0"
 whitenoise = "^6.8.2"
 django-debug-toolbar = "^4.4.6"
-selenium = "^4.24.0"
+selenium = "^4.26.0"
 pylibmc = "^1.6.1"
 psycopg2-binary = "^2.9.10"
 boto = "^2.49.0"
@@ -69,12 +69,12 @@ pydantic = "^2.7.3"
 pydantic_core = "^2.18.4"
 langchain = "^0.2.16"
 langchain-community = "^0.2.17"
-langchain-core = "^0.2.40"
+langchain-core = "^0.2.42"
 langchain-openai = "^0.1.25"
 unstructured = "^0.16.3"
 Markdown = "^3.6"
 faiss-cpu = "^1.8.0"
-openai = "^1.52.2"
+openai = "^1.53.0"
 psutil = "^5.9.8"
 python-bitcoinrpc = "^1.0"
 sendgrid = "^6.11.0"
diff --git a/website/templates/includes/sidenav.html b/website/templates/includes/sidenav.html
index 2f83085ca..8a4c8acef 100644
--- a/website/templates/includes/sidenav.html
+++ b/website/templates/includes/sidenav.html
@@ -1,301 +1,401 @@
 {% load static %}
+<!-- Include Font Awesome CSS -->
+<link rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 <aside id="sidebar"
        class="tracking-tight fixed top-0 left-0 z-40 w-[210px] h-screen pt-[70px] transition-transform -translate-x-full bg-white lg:translate-x-0 no-scrollbar"
        aria-label="Sidebar">
     <style>
         .sidenav {
-  margin-top: 15px;
-}
-		.no-scrollbar::-webkit-scrollbar {
-			display: none;
-		}
-		/* Hide scrollbar for IE, Edge, and Firefox */
-		.no-scrollbar {
-			-ms-overflow-style: none; /* IE and Edge */
-			scrollbar-width: none; /* Firefox */
-		}
-		a:link {
-			color: black;
-			background-color: transparent;
-			text-decoration: none;
+            margin-top: 15px;
         }
-		a:hover {
-			text-decoration: none;
-			color: red;
-		}
-		a:visited {
+        .no-scrollbar::-webkit-scrollbar {
+            display: none;
+        }
+        /* Hide scrollbar for IE, Edge, and Firefox */
+        .no-scrollbar {
+            -ms-overflow-style: none; /* IE and Edge */
+            scrollbar-width: none; /* Firefox */
+        }
+        a:link {
+            color: black;
+            background-color: transparent;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: none;
+            color: red;
+        }
+        a:visited {
             color: black;
         }
-	
+        .icon {
+            width: 1.5rem;
+            margin-right: 1rem;
+            color: #ef4444; /* Updated color */
+        }
+        
+        .spacer{
+            height: 50px;
+            
+        }
     </style>
     <div class="h-full px-11 overflow-y-auto bg-white flex flex-col justify-between no-scrollbar sidenav">
         <div class="overflow-auto no-scrollbar">
             <ul class="font-medium text-2xl mt-6 mb-0">
-                <li class="{% if request.path == '' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'index' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4 ml-1">⚠️</div>
-                        <span>Issues</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/companies/' %}bg-gray-200{% endif %}">
+                <!-- Organizations Header Link -->
+                <li class="mb-2 {% if request.path == '/companies/' %}bg-gray-200{% endif %}">
                     <a href="{% url 'domain_lists' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🏛️</div>
+                        <div class="icon text-green-500">
+                            <i class="fas fa-building fa-lg"></i>
+                        </div>
                         <span>Organizations</span>
                     </a>
                 </li>
-                <li class="{% if request.path == '/sponsor/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'sponsor' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🤝</div>
-                        <span>Sponsor</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/sizzle/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'sizzle' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">⏱️</div>
-                        <span>Sizzle</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/scoreboard/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'scoreboard' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🏆</div>
-                        <span>Scoreboard</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/leaderboard/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'leaderboard_global' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🏅</div>
-                        <span>Leaderboard</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/users/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'users' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🧑‍🤝‍🧑</div>
-                        <span>Users</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/hunts/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'hunts' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🐛</div>
-                        <span>Bug Bounties</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/projects/' %}bg-gray-200{% endif %}">
+                <!-- Submenu Items -->
+                <ul class="pl-8">
+                    <li class="mb-2 {% if request.path == '' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'index' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-red-500">
+                                <i class="fas fa-exclamation-triangle fa-lg"></i>
+                            </div>
+                            <span>Issues (bugs)</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/sizzle/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'sizzle' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-blue-500">
+                                <i class="fas fa-stopwatch fa-lg"></i>
+                            </div>
+                            <span>Sizzle (timer)</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/scoreboard/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'scoreboard' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-yellow-500">
+                                <i class="fas fa-trophy fa-lg"></i>
+                            </div>
+                            <span>Scoreboard</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/hunts/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'hunts' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-purple-500">
+                                <i class="fas fa-bug fa-lg"></i>
+                            </div>
+                            <span>Bug Bounties</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/trademarks/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'trademark_search' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-indigo-500">
+                                <i class="fas fa-registered fa-lg"></i>
+                            </div>
+                            <span>Trademarks</span>
+                        </a>
+                    </li>
+                </ul>
+                <!-- Spacer -->
+                <div class="my-4 border-t border-gray-300"></div>
+                <!-- Projects Header Link -->
+                <li class="mb-2 {% if request.path == '/projects/' %}bg-gray-200{% endif %}">
                     <a href="{% url 'project_list' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">📦</div>
+                        <div class="icon text-orange-500">
+                            <i class="fas fa-box fa-lg"></i>
+                        </div>
                         <span>Projects</span>
                     </a>
                 </li>
-                <li class="{% if request.path == '/apps/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'apps' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">📱</div>
-                        <span>Apps</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/deletions/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'deletions' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🗑️</div>
-                        <span>Deletions</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/trademarks/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'trademark_search' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-2 ml-2">ᵀᴹ</div>
-                        <span>Trademarks</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/bacon/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'bacon' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🥓</div>
-                        <span>BACON</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/sitemap/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'sitemap' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🗺️</div>
-                        <span>Sitemap</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/bltv/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'bltv' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">📺</div>
-                        <span>BLTV</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/contribute/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'contribution_guidelines' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">✋</div>
-                        <span>Contribute</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/contributors/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'contributors' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">💻</div>
-                        <span>Contributors</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/contributor-stats/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'contributor-stats' %}"
+                <!-- Submenu Items -->
+                <ul class="pl-8">
+                    <li class="mb-2 {% if request.path == '/bidding/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'BiddingData' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-green-500">
+                                <i class="fas fa-money-bill-wave fa-lg"></i>
+                            </div>
+                            <span>Bid on Issues</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/blt-tomato/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'blt-tomato' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-red-500">
+                                <i class="fas fa-seedling fa-lg"></i>
+                            </div>
+                            <span>Funding</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/bacon/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'bacon' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-pink-500">
+                                <i class="fas fa-coins fa-lg"></i>
+                            </div>
+                            <span>BACON (coin)</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/contributor-stats/today/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'today-contributor-stats' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-blue-500">
+                                <i class="fas fa-calendar-day fa-lg"></i>
+                            </div>
+                            <span>Daily Stats</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/contributor-stats/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'contributor-stats' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-indigo-500">
+                                <i class="fas fa-calendar-week fa-lg"></i>
+                            </div>
+                            <span>Weekly Stats</span>
+                        </a>
+                    </li>
+                </ul>
+                <!-- Spacer -->
+                <div class="my-4 border-t border-gray-300"></div>
+                <!-- Users Header Link -->
+                <li class="mb-2 {% if request.path == '/users/' %}bg-gray-200{% endif %}">
+                    <a href="{% url 'users' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">📅</div>
-                        <span>Weekly Activity</span>
+                        <div class="icon text-purple-500">
+                            <i class="fas fa-user-friends fa-lg"></i>
+                        </div>
+                        <span>Users</span>
                     </a>
                 </li>
-                <li class="{% if request.path == '/contributor-stats/today/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'today-contributor-stats' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🗓️</div>
-                        <span>Daily Activity</span>
+                <!-- Submenu Items -->
+                <ul class="pl-8">
+                    <li class="mb-2 {% if request.path == '/leaderboard/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'leaderboard_global' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-yellow-500">
+                                <i class="fas fa-medal fa-lg"></i>
+                            </div>
+                            <span>Leaderboard</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/contributors/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'contributors' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-blue-500">
+                                <i class="fas fa-laptop-code fa-lg"></i>
+                            </div>
+                            <span>Contributors</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/deletions/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'deletions' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-red-500">
+                                <i class="fas fa-trash-alt fa-lg"></i>
+                            </div>
+                            <span>Takedowns</span>
+                        </a>
+                    </li>
+                </ul>
+                <!-- Spacer -->
+                <div class="my-4 border-t border-gray-300"></div>
+                <!-- iPhone App -->
+                <li class="mb-2">
+                    <a href="https://apps.apple.com/us/app/owasp-blt/id6448071954"
+                       class="flex items-center w-full text-black no-underline p-2"
+                       rel="noopener noreferrer">
+                        <div class="icon text-gray-800">
+                            <i class="fab fa-apple fa-lg"></i>
+                        </div>
+                        <span>iPhone App</span>
                     </a>
                 </li>
-                <li class="{% if request.path == '/about/' %}bg-gray-200{% endif %}">
+                <!-- Spacer -->
+                <div class="my-4 border-t border-gray-300"></div>
+                <!-- About Us Header Link -->
+                <li class="mb-2 {% if request.path == '/about/' %}bg-gray-200{% endif %}">
                     <a href="{% url 'about' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-2 ml-3">ℹ️</div>
+                        <div class="icon text-blue-500">
+                            <i class="fas fa-info-circle fa-lg"></i>
+                        </div>
                         <span>About Us</span>
                     </a>
                 </li>
-                <li class="{% if request.path == '/bidding/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'BiddingData' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">💰</div>
-                        <span>Bid on Bugs</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/terms/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'terms' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">📜</div>
-                        <span>Terms</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/stats/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'stats' %}"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">📊</div>
-                        <span>Stats</span>
-                    </a>
-                </li>
-                <li class="{% if request.path == '/blt-tomato/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'blt-tomato' %}"
+                <!-- Submenu Items -->
+                <ul class="pl-8">
+                    <li class="mb-2 {% if request.path == '/sponsor/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'sponsor' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-green-500">
+                                <i class="fas fa-handshake fa-lg"></i>
+                            </div>
+                            <span>Sponsorships</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/sponsor/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'sponsor' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-red-500">
+                                <i class="fas fa-donate fa-lg"></i>
+                            </div>
+                            <span>Donations</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/view-suggestion/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'view_suggestions' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-purple-500">
+                                <i class="fas fa-comments fa-lg"></i>
+                            </div>
+                            <span>Suggestions</span>
+                        </a>
+                    </li>
+                </ul>
+                <!-- Spacer -->
+                <div class="my-4 border-t border-gray-300"></div>
+                <!-- Contribute Header Link -->
+                <li class="mb-2 {% if request.path == '/contribute/' %}bg-gray-200{% endif %}">
+                    <a href="{% url 'contribution_guidelines' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🍅</div>
-                        <span>BLT Tomato</span>
+                        <div class="icon text-orange-500">
+                            <i class="fas fa-hands-helping fa-lg"></i>
+                        </div>
+                        <span>Contribute</span>
                     </a>
                 </li>
-                <li class="{% if request.path == '/view-suggestion/' %}bg-gray-200{% endif %}">
-                    <a href="{% url 'view_suggestions' %}"
+                <!-- Submenu Items -->
+                <ul class="pl-8">
+                    <li class="mb-2">
+                        <a href="https://github.com/OWASP/BLT/blob/main/Setup.md"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-blue-500">
+                                <i class="fas fa-book fa-lg"></i>
+                            </div>
+                            <span>Documentation</span>
+                        </a>
+                    </li>
+                    <li class="mb-2">
+                        <a href="https://blt.owasp.org/swagger/"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-green-500">
+                                <i class="fas fa-cogs fa-lg"></i>
+                            </div>
+                            <span>Developer API</span>
+                        </a>
+                    </li>
+                    <li class="mb-2 {% if request.path == '/bltv/' %}bg-gray-200{% endif %}">
+                        <a href="{% url 'bltv' %}"
+                           class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-red-500">
+                                <i class="fas fa-tv fa-lg"></i>
+                            </div>
+                            <span>BLTV</span>
+                        </a>
+                    </li>
+                </ul>
+                <!-- Spacer -->
+                <div class="my-4 border-t border-gray-300"></div>
+                <!-- Follow Us Header Link -->
+                <li class="mb-2">
+                    <a href="https://twitter.com/OWASP_BLT"
+                       class="flex items-center w-full text-black no-underline p-2"
+                       target="_blank">
+                        <div class="icon text-gray-700">
+                            <i class="fab fa-twitter fa-lg"></i>
+                        </div>
+                        <span>Follow Us</span>
+                    </a>
+                </li>
+                <!-- Submenu Items -->
+                <ul class="pl-8">
+                    <li class="mb-2">
+                        <a href="https://www.facebook.com/groups/owaspfoundation/"
+                           class="flex items-center w-full text-black no-underline p-2"
+                           target="_blank">
+                            <div class="icon text-blue-600">
+                                <i class="fab fa-facebook fa-lg"></i>
+                            </div>
+                            <span>Facebook</span>
+                        </a>
+                    </li>
+                    <li class="mb-2">
+                        <a href="https://github.com/OWASP/BLT"
+                           class="flex items-center w-full text-black no-underline p-2"
+                           target="_blank">
+                            <div class="icon text-gray-800">
+                                <i class="fab fa-github fa-lg"></i>
+                            </div>
+                            <span>GitHub</span>
+                        </a>
+                    </li>
+                    <!-- <li class="mb-2 {% if request.path == '/blog/' %}bg-gray-200{% endif %}">
+                        <a href="/blog" class="flex items-center w-full text-black no-underline p-2">
+                            <div class="icon text-red-500">
+                                <i class="fas fa-blog fa-lg"></i>
+                            </div>
+                            <span>Blog</span>
+                        </a>
+                    </li> -->
+                </ul>
+                <!-- Spacer -->
+                <div class="my-4 border-t border-gray-300"></div>
+                <!-- Footer Links -->
+                <li class="mb-2 {% if request.path == '/sitemap/' %}bg-gray-200{% endif %}">
+                    <a href="{% url 'sitemap' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">💬</div>
-                        <span>Suggestions</span>
+                        <div class="icon text-indigo-500">
+                            <i class="fas fa-sitemap fa-lg"></i>
+                        </div>
+                        <span>Sitemap</span>
                     </a>
                 </li>
-                <li class="{% if request.path == '/status/' %}bg-gray-200{% endif %}">
+                <li class="mb-2 {% if request.path == '/status/' %}bg-gray-200{% endif %}">
                     <a href="{% url 'check_status' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">✅</div>
+                        <div class="icon text-green-500">
+                            <i class="fas fa-check-circle fa-lg"></i>
+                        </div>
                         <span>Status</span>
                     </a>
                 </li>
-                <li>
-                    <div class="border-t-2 border-gray-200"></div>
-                </li>
-                <li>
-                    <a href="https://apps.apple.com/us/app/owasp-blt/id6448071954"
-                       class="flex items-center w-full text-black no-underline p-2"
-                       rel="noopener noreferrer">
-                        <div class="w-8 h-8 mr-4">🍎</div>
-                        <span>iPhone app</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="https://github.com/OWASP/BLT#readme"
-                       rel="noopener noreferrer"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">🛠️</div>
-                        <span>Dev Guides</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="https://github.com/OWASP/BLT/releases"
-                       class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">⭐</div>
-                        <span>Releases</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="https://blt.owasp.org/swagger/"
+                <li class="mb-2 {% if request.path == '/stats/' %}bg-gray-200{% endif %}">
+                    <a href="{% url 'stats' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">⚙️</div>
-                        <span>Developer API</span>
+                        <div class="icon text-orange-500">
+                            <i class="fas fa-chart-bar fa-lg"></i>
+                        </div>
+                        <span>Stats</span>
                     </a>
                 </li>
-                <li>
-                    <a href="https://github.com/OWASP/BLT/blob/main/Setup.md"
+                <div class="my-4 border-t border-gray-300"></div>
+                <li class="mb-2 {% if request.path == '/terms/' %}bg-gray-200{% endif %}">
+                    <a href="{% url 'terms' %}"
                        class="flex items-center w-full text-black no-underline p-2">
-                        <div class="w-8 mr-4">📄</div>
-                        <span>Documentation</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="https://www.facebook.com/groups/owaspfoundation/"
-                       class="flex items-center w-full text-black no-underline p-2"
-                       target="_blank">
-                        <div class="w-8 mr-4">👍</div>
-                        <span>Facebook page</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="https://github.com/OWASP/BLT"
-                       class="flex items-center w-full text-black no-underline p-2"
-                       target="_blank">
-                        <div class="w-8 mr-4">🐱</div>
-                        <span>BLT on Github</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="https://twitter.com/OWASP_BLT"
-                       class="flex items-center w-full text-black no-underline p-2"
-                       target="_blank">
-                        <div class="w-8 mr-4">🐦</div>
-                        <span>Twitter (X)</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="https://owasp.org/www-project-bug-logging-tool/"
-                       class="flex items-center w-full text-black no-underline p-2"
-                       target="_blank">
-                        <div class="w-8 mr-4">📰</div>
-                        <span>Project Page</span>
+                        <div class="icon text-gray-700">
+                            <i class="fas fa-file-contract fa-lg"></i>
+                        </div>
+                        <span>Terms</span>
                     </a>
                 </li>
+                <!-- Spacer at the bottom -->
+                <div class="spacer"></div>
             </ul>
         </div>
     </div>
     <script>
-		document.addEventListener('DOMContentLoaded', function () {
-			const hamburgerButton = document.getElementById('hamburger-button');
-			const sidebar = document.getElementById('sidebar');
-			hamburgerButton.addEventListener('click', function () {
-				sidebar.classList.toggle('-translate-x-full');
-			});
-		});
-	
+        document.addEventListener('DOMContentLoaded', function () {
+            const hamburgerButton = document.getElementById('hamburger-button');
+            const sidebar = document.getElementById('sidebar');
+            hamburgerButton.addEventListener('click', function () {
+                sidebar.classList.toggle('-translate-x-full');
+            });
+        });
     </script>
 </aside>