Add Luminavora Inc. company website landing page

[ZhaoweiYang]

Summary

This PR adds a complete, production-ready landing page for Luminavora Inc., an entertainment company specializing in mini games and short-form drama series.

Key Changes

• New landing page (docs/index.html) featuring:
  • Fixed navigation bar with mobile-responsive hamburger menu
  • Hero section with gradient text and call-to-action buttons
  • About section highlighting company mission, innovation, and global reach
  • Products section showcasing two core offerings (Mini Games and Short Drama Series)
  • Statistics section displaying key metrics
  • Contact section with company location and email
  • Footer with copyright information

Notable Implementation Details

• Responsive Design: Mobile-first approach with breakpoints at 768px for tablets/phones
• Modern Styling: Custom CSS with CSS variables for theming (purple primary, amber accent colors)
• Smooth Interactions:
  • Scroll-triggered fade-in animations using Intersection Observer API
  • Navbar background blur effect on scroll
  • Hover effects on cards and buttons with smooth transitions
• Accessibility: Semantic HTML, proper ARIA labels, and keyboard-friendly navigation
• Performance: Uses system fonts with Inter as primary font via Google Fonts, minimal JavaScript
• Mobile Menu: Toggle-based navigation menu for smaller screens with click-to-close functionality

The page is self-contained in a single HTML file with embedded CSS and JavaScript, making it easy to deploy and maintain.

https://claude.ai/code/session_01KsM8VtxPaQs7KTkpv9H3nR