Update app.py

app.py

@@ -444,7 +444,7 @@ st.markdown(f"""
             height: 100%;
             background: var(--gradient-primary);
             opacity: 0.1;
-            animation: gradientShift 15s ease infinite;
+            /*animation: gradientShift 15s ease infinite;*/
             z-index: -1;
         }}
         .hero-container {{
@@ -567,7 +567,7 @@ st.markdown(f"""
 
         .page.active {{
             display: block; /* Shown by Streamlit */
-            margin-top: -250px !important;
+            margin-top: -80px !important;
         }}
 
         .page-header {{
@@ -756,52 +756,7 @@ st.markdown(f"""
             margin-top:-520px;
             max-height:400px !important;
         }}
-        /* Footer */
-        .app-footer {{ /* Renamed to avoid clash with Streamlit's default footer */
-            background: var(--dark);
-            padding: 3rem 0 2rem;
-            margin-top: 5rem;
-            border-top: 1px solid var(--glass-border);
-            text-align: center; /* Added for footer bottom alignment */
-        }}
-        .footer-content {{
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 0 2rem;
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-            gap: 3rem;
-        }}
-        .footer-section h3 {{
-            font-size: 1.2rem;
-            font-weight: 700;
-            margin-bottom: 1rem;
-            background: var(--gradient-accent);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }}
-        .footer-section ul {{
-            list-style: none;
-        }}
-        .footer-section ul li {{
-            margin-bottom: 0.5rem;
-        }}
-        .footer-section ul li a {{
-            color: var(--gray-light);
-            text-decoration: none;
-            transition: color 0.3s ease;
-        }}
-        .footer-section ul li a:hover {{
-            color: var(--white);
-        }}
-        .footer-bottom {{
-            text-align: center;
-            margin-top: 2rem;
-            padding-top: 2rem;
-            border-top: 1px solid var(--glass-border);
-            color: var(--gray-light);
-        }}
+       
         /* Loading Animation */
         .loading {{
             display: none; /* Controlled by Streamlit's session state */
@@ -982,63 +937,7 @@ st.markdown(f"""
             © 2023 CreditIQ. All rights reserved.
         </div>
     </footer>
-    <script>
-        // Client-side JavaScript for smooth page transitions and mobile menu
-        function showPage(pageId) {{
-            const pages = document.querySelectorAll('.page');
-            pages.forEach(page => page.classList.remove('active'));
-            const targetPage = document.getElementById(pageId);
-            if (targetPage) {{
-                targetPage.classList.add('active');
-                // Scroll to top of the page
-                window.scrollTo({{ top: 0, behavior: 'smooth' }});
-            }}
-            // Update active link in navigation
-            const navLinks = document.querySelectorAll('.nav-link');
-            navLinks.forEach(link => {{
-                if (link.dataset.page === pageId) {{
-                    link.classList.add('active');
-                }} else {{
-                    link.classList.remove('active');
-                }}
-            }});
-            // Close mobile menu if open
-            const navMenu = document.getElementById('navMenu');
-            navMenu.classList.remove('active');
-        }}
-        // Initialize active page on load
-        document.addEventListener('DOMContentLoaded', () => {{
-            showPage('home'); // Default to home page
-        }});
-        // Mobile menu toggle
-        document.getElementById('mobileMenuBtn').addEventListener('click', () => {{
-            document.getElementById('navMenu').classList.toggle('active');
-        }});
-
-        // Navbar scroll effect
-        window.addEventListener('scroll', () => {{
-            const navbar = document.getElementById('navbar');
-            if (window.scrollY > 50) {{
-                navbar.classList.add('scrolled');
-            }} else {{
-                navbar.classList.remove('scrolled');
-            }}
-        }});
-
-        // Parallax effect for floating shapes
-        document.addEventListener('mousemove', (e) => {{
-            const shapes = document.querySelectorAll('.shape');
-            const mouseX = e.clientX / window.innerWidth;
-            const mouseY = e.clientY / window.innerHeight;
-            
-            shapes.forEach((shape, index) => {{
-                const speed = (index + 1) * 0.02;
-                const x = (mouseX - 0.5) * speed * 100;
-                const y = (mouseY - 0.5) * speed * 100;
-                shape.style.transform = `translate(${{x}}px, ${{y}}px)`;
-            }});
-        }});
-    </script>
+    
 </body>
 </html>
 """, unsafe_allow_html=True)
@@ -1234,7 +1133,6 @@ st.markdown("""
  background: var(--glass-bg); backdrop-filter: blur(20px);
     border: 1px solid var(--glass-border); border-radius: 32px;
     padding: 3rem; box-shadow: var(--shadow-strong);
-    margin-top:-150px !important;
     width:60%;
     align-self: center;
     color:blue;