Now I have a clear picture. The user has an Astro-based QuantumTrade landing page and wants a full visual redesign/facelift rebuilt as a Next.js page (since we're in a Next.js project). Let me generate design inspiration and then build the full page.

Now let me check the existing project files and then build out the full redesigned landing page.

Now I have everything I need. Let me build the full redesigned landing page with all sections, update the globals.css with the QuantumTrade design tokens, and update the layout.tsx with the right fonts.

The full QuantumTrade landing page facelift is complete. Here's what was built across 5 files:

• globals.css — Full design token overhaul: deep charcoal-navy (#0c0e12) base, three surface layers, institutional gold (#d4af37) accent, green/red trend indicators, and 4px terminal-style border-radius.
• layout.tsx — Switched to DM Sans (headings/UI) + JetBrains Mono (all numeric data) via Next.js Google Fonts.
• qt-navbar.tsx — Fixed top navbar with monospace brand mark, uppercase nav links, and a mobile hamburger drawer.
• qt-hero.tsx — Hero with a fully animated live scanner terminal card that simulates WebSocket connect/live states with real-time ticker jitter, skeleton loaders, and color-coded BUY/SELL badges.
• qt-sections.tsx — Metrics bar, backtesting evidence with SVG equity curve, three-step flow section, pricing cards with hover interactions, and a compact footer — all preserving the original data and JS logic exactly.