diff --git a/static/css/style.css b/static/css/style.css
index 6e1f741..91fea44 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -206,12 +206,19 @@ body {
     width: 100%;
 }
 
+.login-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: calc(100vh - 120px); /* Adjust for footer height */
+    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
+}
+
 .auth-container {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 100vh;
-    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
 }
 
 .auth-box {
@@ -1042,3 +1049,13 @@ body.dark-mode {
 .footer-text {
     margin: 0;
 }
+
+rbox-app {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+.login-container {
+    flex: 1;
+}
diff --git a/static/js/components/rbox-app.js b/static/js/components/rbox-app.js
index 9520ae7..1be07e2 100644
--- a/static/js/components/rbox-app.js
+++ b/static/js/components/rbox-app.js
@@ -97,7 +97,27 @@ export class RBoxApp extends HTMLElement {
     }
 
     showLogin() {
-        this.innerHTML = '<login-view></login-view>';
+        this.innerHTML = `
+            <div class="login-container">
+                <login-view></login-view>
+            </div>
+            <footer class="app-footer">
+                <nav class="footer-nav">
+                    <ul class="footer-links">
+                        <li><a href="/static/legal/privacy_policy.md" target="_blank" rel="noopener noreferrer">Privacy Policy</a></li>
+                        <li><a href="/static/legal/data_processing_agreement.md" target="_blank" rel="noopener noreferrer">Data Processing Agreement</a></li>
+                        <li><a href="/static/legal/terms_of_service.md" target="_blank" rel="noopener noreferrer">Terms of Service</a></li>
+                        <li><a href="/static/legal/cookie_policy.md" target="_blank" rel="noopener noreferrer">Cookie Policy</a></li>
+                        <li><a href="/static/legal/security_policy.md" target="_blank" rel="noopener noreferrer">Security Policy</a></li>
+                        <li><a href="/static/legal/compliance_statement.md" target="_blank" rel="noopener noreferrer">Compliance Statement</a></li>
+                        <li><a href="/static/legal/data_portability_deletion_policy.md" target="_blank" rel="noopener noreferrer">Data Portability & Deletion</a></li>
+                        <li><a href="/static/legal/contact_complaint_mechanism.md" target="_blank" rel="noopener noreferrer">Contact & Complaints</a></li>
+                    </ul>
+                </nav>
+                <p class="footer-text">&copy; ${new Date().getFullYear()} RBox Cloud Storage. All rights reserved.</p>
+            </footer>
+            <cookie-consent></cookie-consent>
+        `;
         const loginView = this.querySelector('login-view');
         loginView.addEventListener('auth-success', () => this.init());
     }