grand-snake

As a user, I want to see the Home page with the dynamic neon snake animation, 'Master the Snake' hero headline, feature highlights, how-to-play section, stats, screenshot showcase, tech badges, and CTA — implemented based on the existing Home (v2) JSX design. The page includes a sticky NavBar, AnimatedSnakeCanvas, FeatureHighlights, HowToPlay, GameStats, ScreenshotShowcase, TechBadges, CallToAction, and Footer sections. The 'Play Now' CTA should navigate to the Game page.

As a user, I want to control the snake using intuitive swipe gestures on both iOS and Android so that gameplay feels responsive and natural. Implement gesture detection (swipe up/down/left/right) using React Native's touch event APIs or a gesture library, ensuring minimal input lag and accurate direction changes.

As a user, I want the snake to display a dynamic neon glow effect with color-shifting body segments (green → teal → orange) using canvas or React Native animation APIs, so that the visual experience is immersive and memorable. This covers both the AnimatedSnakeCanvas on the Home page and the in-game snake rendering on the Game page.

As a user, I want to play the snake game on the Game page with responsive swipe/touch controls, a real-time pulsating live score counter, neon-glowing dynamic color-shifting snake visuals, and smooth gameplay on both iOS and Android — implemented based on the existing Game (v2) JSX design. The snake grows as it eats food, and colliding with itself triggers navigation to the GameOver page with the final score passed along.

As a user, I want to see my current score update in real time while playing, with the final score passed to the GameOver page upon game end. Implement a scoring system that increments the score each time the snake eats food and displays it with a pulsating neon counter animation during gameplay.

As a mobile user, I want the game to run smoothly on both iOS and Android with no noticeable lag, so that the experience is consistent across devices. Profile and optimize the game loop, animation frame rate, and memory usage. Ensure the app is lightweight, loads quickly, and adheres to platform-specific performance guidelines.

As a user, I want to see the GameOver page displaying my final score with neon-styled visuals after a game ends — implemented based on the existing GameOver (v2) JSX design. The page includes a 'Game Over' headline, animated score counter, performance badge, score breakdown stats, mini leaderboard, 'Play Again' button (navigates back to Game page), and 'Main Menu' button (navigates to Home page), all styled with the grand-snake neon arcade theme.