diff --git a/templates/privacy_policy.html b/templates/privacy_policy.html
index ad81738..c56ffa6 100644
--- a/templates/privacy_policy.html
+++ b/templates/privacy_policy.html
@@ -164,7 +164,7 @@
 </head>
 
 <body>
-    {% include 'navigation.html' %}
+    {% include 'navbar.html' %}
     
     <div class="container-fluid" style="flex: 1;">
         <div class="privacy-container">
@@ -417,6 +417,103 @@
         </div>
     </div>
 
-    {% include 'footer.html' %}
+    <!-- Pre-Login Footer -->
+    <footer class="footer" style="background: linear-gradient(135deg, #0c1426 0%, #1a1f2e 100%); color: #a0aec0; padding: 2rem 0; text-align: center; border-top: 1px solid rgba(102, 126, 234, 0.1); margin-top: 2rem;">
+        <div class="container">
+            <div class="row">
+                <!-- About Section -->
+                <div class="col-md-3 mb-3">
+                    <h6 style="color: #e2e8f0; font-weight: 600; margin-bottom: 1rem;">
+                        <i class="fas fa-robot" style="color: #667eea;"></i> Multus Bot
+                    </h6>
+                    <p style="color: #a0aec0; font-size: 0.85rem; line-height: 1.4;">
+                        Advanced Discord moderation and management bot with AI-powered automation.
+                    </p>
+                </div>
+                
+                <!-- Quick Links -->
+                <div class="col-md-3 mb-3">
+                    <h6 style="color: #e2e8f0; font-weight: 600; margin-bottom: 1rem;">
+                        <i class="fas fa-link" style="color: #667eea;"></i> Links
+                    </h6>
+                    <ul style="list-style: none; padding: 0; margin: 0;">
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('about') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-info-circle" style="width: 16px;"></i> About
+                            </a>
+                        </li>
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('faq') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-question-circle" style="width: 16px;"></i> FAQ
+                            </a>
+                        </li>
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('contact') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-envelope" style="width: 16px;"></i> Contact
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                
+                <!-- Legal -->
+                <div class="col-md-3 mb-3">
+                    <h6 style="color: #e2e8f0; font-weight: 600; margin-bottom: 1rem;">
+                        <i class="fas fa-gavel" style="color: #667eea;"></i> Legal
+                    </h6>
+                    <ul style="list-style: none; padding: 0; margin: 0;">
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('terms_of_service') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-file-contract" style="width: 16px;"></i> Terms of Service
+                            </a>
+                        </li>
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('privacy_policy') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-shield-alt" style="width: 16px;"></i> Privacy Policy
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                
+                <!-- Contact Info -->
+                <div class="col-md-3 mb-3">
+                    <h6 style="color: #e2e8f0; font-weight: 600; margin-bottom: 1rem;">
+                        <i class="fas fa-headset" style="color: #667eea;"></i> Support
+                    </h6>
+                    <p style="color: #a0aec0; font-size: 0.85rem; margin-bottom: 0.5rem;">
+                        <i class="fab fa-discord" style="color: #667eea; width: 16px;"></i> @simolzimol
+                    </p>
+                    <p style="color: #a0aec0; font-size: 0.85rem; margin-bottom: 0.5rem;">
+                        <i class="fas fa-server" style="color: #667eea; width: 16px;"></i> Ludi et Historia
+                    </p>
+                </div>
+            </div>
+            
+            <hr style="border-color: rgba(102, 126, 234, 0.2); margin: 1.5rem 0 1rem 0;">
+            
+            <div class="row align-items-center">
+                <div class="col-md-6 text-center text-md-left">
+                    <p style="margin: 0; color: #64748b; font-size: 0.85rem;">
+                        <i class="fas fa-code"></i> &copy; 2025 Multus Bot | Built by SimolZimol
+                    </p>
+                </div>
+                <div class="col-md-6 text-center text-md-right">
+                    <p style="margin: 0; color: #64748b; font-size: 0.85rem;">
+                        <i class="fas fa-code-branch" style="color: #667eea;"></i> Version dev-0.8.3
+                    </p>
+                </div>
+            </div>
+        </div>
+        
+        <style>
+            .footer a:hover {
+                color: #667eea !important;
+                transform: translateX(3px);
+            }
+            
+            .footer a {
+                transition: all 0.3s ease;
+            }
+        </style>
+    </footer>
 </body>
 </html>
diff --git a/templates/terms_of_service.html b/templates/terms_of_service.html
index c8c6079..00054cd 100644
--- a/templates/terms_of_service.html
+++ b/templates/terms_of_service.html
@@ -147,7 +147,7 @@
 </head>
 
 <body>
-    {% include 'navigation.html' %}
+    {% include 'navbar.html' %}
     
     <div class="container-fluid" style="flex: 1;">
         <div class="terms-container">
@@ -318,6 +318,103 @@
         </div>
     </div>
 
-    {% include 'footer.html' %}
+    <!-- Pre-Login Footer -->
+    <footer class="footer" style="background: linear-gradient(135deg, #0c1426 0%, #1a1f2e 100%); color: #a0aec0; padding: 2rem 0; text-align: center; border-top: 1px solid rgba(102, 126, 234, 0.1); margin-top: 2rem;">
+        <div class="container">
+            <div class="row">
+                <!-- About Section -->
+                <div class="col-md-3 mb-3">
+                    <h6 style="color: #e2e8f0; font-weight: 600; margin-bottom: 1rem;">
+                        <i class="fas fa-robot" style="color: #667eea;"></i> Multus Bot
+                    </h6>
+                    <p style="color: #a0aec0; font-size: 0.85rem; line-height: 1.4;">
+                        Advanced Discord moderation and management bot with AI-powered automation.
+                    </p>
+                </div>
+                
+                <!-- Quick Links -->
+                <div class="col-md-3 mb-3">
+                    <h6 style="color: #e2e8f0; font-weight: 600; margin-bottom: 1rem;">
+                        <i class="fas fa-link" style="color: #667eea;"></i> Links
+                    </h6>
+                    <ul style="list-style: none; padding: 0; margin: 0;">
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('about') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-info-circle" style="width: 16px;"></i> About
+                            </a>
+                        </li>
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('faq') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-question-circle" style="width: 16px;"></i> FAQ
+                            </a>
+                        </li>
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('contact') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-envelope" style="width: 16px;"></i> Contact
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                
+                <!-- Legal -->
+                <div class="col-md-3 mb-3">
+                    <h6 style="color: #e2e8f0; font-weight: 600; margin-bottom: 1rem;">
+                        <i class="fas fa-gavel" style="color: #667eea;"></i> Legal
+                    </h6>
+                    <ul style="list-style: none; padding: 0; margin: 0;">
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('terms_of_service') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-file-contract" style="width: 16px;"></i> Terms of Service
+                            </a>
+                        </li>
+                        <li style="margin-bottom: 0.5rem;">
+                            <a href="{{ url_for('privacy_policy') }}" style="color: #a0aec0; text-decoration: none; font-size: 0.85rem; transition: color 0.3s;">
+                                <i class="fas fa-shield-alt" style="width: 16px;"></i> Privacy Policy
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                
+                <!-- Contact Info -->
+                <div class="col-md-3 mb-3">
+                    <h6 style="color: #e2e8f0; font-weight: 600; margin-bottom: 1rem;">
+                        <i class="fas fa-headset" style="color: #667eea;"></i> Support
+                    </h6>
+                    <p style="color: #a0aec0; font-size: 0.85rem; margin-bottom: 0.5rem;">
+                        <i class="fab fa-discord" style="color: #667eea; width: 16px;"></i> @simolzimol
+                    </p>
+                    <p style="color: #a0aec0; font-size: 0.85rem; margin-bottom: 0.5rem;">
+                        <i class="fas fa-server" style="color: #667eea; width: 16px;"></i> Ludi et Historia
+                    </p>
+                </div>
+            </div>
+            
+            <hr style="border-color: rgba(102, 126, 234, 0.2); margin: 1.5rem 0 1rem 0;">
+            
+            <div class="row align-items-center">
+                <div class="col-md-6 text-center text-md-left">
+                    <p style="margin: 0; color: #64748b; font-size: 0.85rem;">
+                        <i class="fas fa-code"></i> &copy; 2025 Multus Bot | Built by SimolZimol
+                    </p>
+                </div>
+                <div class="col-md-6 text-center text-md-right">
+                    <p style="margin: 0; color: #64748b; font-size: 0.85rem;">
+                        <i class="fas fa-code-branch" style="color: #667eea;"></i> Version dev-0.8.3
+                    </p>
+                </div>
+            </div>
+        </div>
+        
+        <style>
+            .footer a:hover {
+                color: #667eea !important;
+                transform: translateX(3px);
+            }
+            
+            .footer a {
+                transition: all 0.3s ease;
+            }
+        </style>
+    </footer>
 </body>
 </html>
