Redesign hero section with neon cyan theme and modernized layout

[bokiko]

Description

This PR implements a comprehensive visual redesign of the landing page with a modern neon cyan aesthetic. The changes include:

• Hero Section Redesign: Converted to a two-column grid layout with text content on the left and an interactive ping display visual on the right
• Color Scheme Update: Transitioned from blue (#3b82f6) to neon cyan (#00F0FF) throughout the entire site for a more modern, gaming-focused appearance
• Visual Enhancements:
  • Added background glow effects to the hero section
  • Introduced neon-bordered cards with cyan accents
  • Updated button styles with cyan glow shadows
  • Added corner decorations to the ping display element
• Layout Improvements:
  • Reorganized "How It Works" section with step indicators and connecting lines
  • Simplified "Supported Games" grid with abbreviated game names
  • Updated feature cards with improved spacing and hover effects
  • Refined typography with uppercase tracking for section headings
• Component Updates: Updated Navbar and Footer with new color scheme and subtle border styling
• CSS Enhancements: Added new utility classes (.neon-card, .ping-display, .corner-decoration) and updated existing animations to use the new cyan color palette

Type of Change

• New feature (visual redesign and layout improvements)
• Documentation update (CSS variables and new utility classes)

Checklist

• I have tested my changes locally
• My code follows the project's style guidelines
• I have updated CSS variables and added new utility classes with comments

Additional Notes

The redesign maintains all existing functionality while providing a more modern, gaming-focused visual identity. The neon cyan theme aligns better with competitive gaming aesthetics and improves visual hierarchy throughout the page.

https://claude.ai/code/session_01Tt5cpDASfzYM7HVDCiVc1D

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.