I'll create a cyberpunk-styled EV scooter companion app with the four pages you've shown. I'll implement the home dashboard, stats, charging, and navigation pages with the futuristic design elements.
I've created a complete EV scooter companion app with a cyberpunk/futuristic design that matches the screenshots you provided. The app includes:
- Home/Dashboard Page: Shows the scooter status, battery level, and range, with navigation buttons to other sections.
- Stats Page: Displays usage statistics with a simple bar chart visualization and key metrics like total distance, average speed, total rides, and CO2 saved.
- Charging Page: Shows battery percentage and estimated charging time with a "Start Charging" button.
- Navigation Page: Includes a map placeholder with "coming soon" message and a button to find nearby stations.
All pages share consistent design elements including:
- The cyberpunk-style font and cyan/teal color scheme
- A "Now Playing" music widget
- User profile section with support access
- Consistent border styling and dark background
The app is fully responsive and uses Next.js with the App Router for efficient navigation between pages.