fix: dark mode card styling, shiny cursor on landing, footer links, and browser back blank page fix

Author: devanshi14malhotra

frontend/css/landing.css

@@ -1891,3 +1891,32 @@ html[data-theme='night'] body.landing-page {
 html[data-theme='night'] .landing-header {
     background: rgba(26, 21, 18, 0.92);
 }
+
+html[data-theme='night'] .landing-card,
+html[data-theme='night'] .metric-card,
+html[data-theme='night'] .contributor-card,
+html[data-theme='night'] .contributors-panel,
+html[data-theme='night'] .footer-grid,
+html[data-theme='night'] .footer-banner,
+html[data-theme='night'] .quote-card,
+html[data-theme='night'] .workflow-step {
+    background: rgba(255, 255, 255, 0.05);
+}
+html[data-theme='night'] .feature-card i,
+html[data-theme='night'] .carousel-btn,
+html[data-theme='night'] .contributors-toggle,
+html[data-theme='night'] .social-links a,
+html[data-theme='night'] .landing-anchors a,
+html[data-theme='night'] .contributors-refresh-note,
+html[data-theme='night'] .contributor-item,
+html[data-theme='night'] .footer-pill,
+html[data-theme='night'] .landing-icon-btn,
+html[data-theme='night'] .btn-ghost {
+    background: rgba(255, 255, 255, 0.1);
+}
+html[data-theme='night'] .social-links a:hover,
+html[data-theme='night'] .landing-anchors a:hover,
+html[data-theme='night'] .landing-icon-btn:hover,
+html[data-theme='night'] .btn-ghost:hover {
+    background: rgba(255, 255, 255, 0.15);
+}

frontend/js/footer.js

@@ -25,14 +25,14 @@ const createFooter = () => {
         <nav class="footer-nav" aria-label="Footer Navigation">
           <h3>Explore</h3>
           <ul>
-            <li><a href="${pagePath('index')}">Discovery</a></li>
+            <li><a href="${pagePath('app')}">Discovery</a></li>
             <li><a href="${pagePath('vault')}">My Vault</a></li>
             <li><a href="${pagePath('library')}">My Library</a></li>
             <li><a href="${pagePath('chat')}">Literary Chat</a></li>
             <li><a href="${pagePath('auth')}">Account</a></li>
             <li>
-              <a href="https://github.com/devanshi14malhotra/BiblioDrift" target="_blank" rel="noopener noreferrer">
-                Repository
+              <a href="${pagePath('index')}" target="_blank" rel="noopener noreferrer">
+                Home Page
               </a>
             </li>
           </ul>

frontend/js/landing-interactions.js

@@ -211,3 +211,9 @@
         });
     });
 })();
+
+window.addEventListener('pageshow', function(event) {
+    if (event.persisted) {
+        document.body.classList.remove('is-leaving');
+    }
+});

frontend/pages/index.html

@@ -1920,6 +1920,10 @@
 </head>
 
 <body class="landing-page">
+    <div id="sc-glow-outer"></div>
+    <div id="sc-glow-mid"></div>
+    <div id="sc-glow-inner"></div>
+    <div id="sc-dot"></div>
     <div class="landing-shell">
         <header class="landing-header">
             <a class="landing-brand" href="index.html" aria-label="BiblioDrift home">
@@ -1954,7 +1958,7 @@ <h1>Find yourself in the pages.</h1>
                         Explore softly, collect meaningfully, and step into the shelves when you are ready.
                     </p>
                     <div class="landing-cta-group">
-                        <a class="btn-primary landing-cta-primary app-link" href="index.html#discover-shelves"><i
+                        <a class="btn-primary landing-cta-primary app-link" href="app.html#discover-shelves"><i
                                 class="fa-solid fa-wand-magic-sparkles"></i> Explore Project</a>
                         <a class="btn-ghost app-link" href="app.html"><i class="fa-solid fa-arrow-right"></i> Get
                             Started</a>
@@ -2664,6 +2668,7 @@ <h3>Connect</h3>
 
     <script src="../js/theme-manager.js"></script>
     <script src="../js/landing-interactions.js"></script>
+    <script src="../js/ambient.js"></script>
 </body>
 
 </html>