Refactor landing page layout and update footer and navigation styles

[AnkanSaha]

This pull request updates the global styles and the landing page to deliver a cleaner, more modern design with improved color palette, simplified UI elements, and a more focused hero section. The main changes include a major overhaul of the CSS color scheme, removal of decorative backgrounds, simplification of button and card styles, and a rework of the hero section's visual presentation.

Design and Visual Updates:

• Updated the color palette in globals.css to use cooler, blue-accented tones for backgrounds, accents, and text, replacing the previous orange/yellow theme.
• Removed decorative background layers (.topo and .grid-bg) from both the CSS and the hero section of the landing page, resulting in a cleaner look. [1] [2]

UI Component Simplification:

• Simplified button, card, and feature card styles in globals.css, removing gradients, shadows, and glass effects in favor of solid colors and more subtle transitions. [1] [2]
• Updated animation utilities: removed unused or overly complex keyframes, standardized animation durations, and added new utility classes for fade and stagger effects.

Landing Page Content and Layout:

• Replaced the animated diagram in the hero section with a static code snippet preview, making the technical value proposition clearer and reducing visual clutter. [1] [2]
• Adjusted responsive spacing, padding, and typography for better readability on all devices, especially mobile. [1] [2]

These changes collectively modernize the look and feel of the application, improve maintainability of the CSS, and focus the landing page on communicating the product's core value more directly.