12/20/25 V.8

core/templates/core/index.html

@@ -44,36 +44,52 @@
         <div class="font-semibold tracking-tight">ComplianceShield</div>
       </a>
     </div>
-    <nav class="flex-1 px-4 py-2 space-y-2">
+    <div class="flex-1">
+        <p class="px-6 text-xs text-gray-500 uppercase tracking-wider">Menu</p>
+        <nav class="px-4 py-2 space-y-1">
           <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-gray-200 rounded-lg">
-        <i-o-home class="h-6 w-6 mr-3"></i-o-home>
-        Dashboard
+            🏠 Dashboard
           </a>
           <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
-        <i-o-chart-bar class="h-6 w-6 mr-3"></i-o-chart-bar>
-        Reports
+            📊 Reports
           </a>
           <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
-        <i-o-calendar class="h-6 w-6 mr-3"></i-o-calendar>
-        Calendar
+            📅 Calendar
           </a>
           <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
-        <i-o-user-group class="h-6 w-6 mr-3"></i-o-user-group>
-        Teams
-      </a>
-       <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
-        <i-o-briefcase class="h-6 w-6 mr-3"></i-o-briefcase>
-        Projects
-      </a>
-      <a href="/admin" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
-        <i-o-cog class="h-6 w-6 mr-3"></i-o-cog>
-        Settings
-      </a>
-        <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
-        <i-o-question-mark-circle class="h-6 w-6 mr-3"></i-o-question-mark-circle>
-        Help Center
+            👥 Teams
           </a>
         </nav>
+        <p class="px-6 mt-4 text-xs text-gray-500 uppercase tracking-wider">Projects</p>
+        <nav class="px-4 py-2 space-y-1">
+            <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
+                🟦 Ongoing
+            </a>
+            <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
+                ✅ Completed
+            </a>
+            <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
+                ⏸️ On Hold
+            </a>
+        </nav>
+    </div>
+    <div class="p-4">
+        <div class="p-4 bg-gray-100 rounded-lg text-center">
+            <p class="text-sm font-medium">Ready to launch a new project?</p>
+            <p class="text-xs text-gray-600 mt-1">Create a new jobsite and start tracking compliance today.</p>
+            <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg text-sm font-semibold">Add New Project</button>
+        </div>
+    </div>
+    <div class="border-t border-gray-200">
+        <nav class="px-4 py-4 space-y-1">
+            <a href="/admin" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
+                ⚙️ Settings
+            </a>
+            <a href="#" class="flex items-center px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200 rounded-lg">
+                🛟 Help Center
+            </a>
+        </nav>
+    </div>
   </aside>
 
   <!-- Main content -->