Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as a motorcycle-first navigation tool tailored for dense Vietnamese cities. It enhances traditional map applications by focusing on smaller alleys and motorcycle-specific routing, while providing hands-free/haptic guidance, real-time traffic updates, and potential collaborations with ride-hailing platforms and local transportation authorities.

## CORE FEATURES
1. **Motorcycle-Specific Routing**: Offers optimized routes for motorcycles, taking into account smaller roads and alleys not typically covered by standard navigation apps.
2. **Hands-Free/Haptic Guidance**: Provides users with hands-free navigation instructions using haptic feedback for safer driving experiences.
3. **Real-Time Traffic Updates**: Integrates real-time traffic data to ensure users receive the most current information on road conditions and blockages.
4. **Local Map Updates**: Allows for locally sourced updates from users and partners to improve accuracy in navigation and road information.
5. **Partnership Integration**: Facilitates potential partnerships with ride-hailing apps and SMEs for enhanced service offerings and improved user experience.
6. **User-Friendly Interface**: Focuses on a clean, minimalist design to ensure ease of use during navigation tasks.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout structure will include a responsive header with logo and navigation links, a hero section with a call-to-action, features section showcasing core functionalities, a testimonials area for user feedback, and a footer with contact information and additional resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand (as required for state management).

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Design the Layout**: Create the main layout components including Header, Hero, Features, Testimonials, and Footer using Tailwind CSS for styling.
3. **Implement Core Features**: Develop the core features as separate components, ensuring they are modular for easy updates and maintenance.
4. **Integrate Maps API**: Use Google Maps API to implement the motorcycle-specific routing and traffic updates.
5. **Add Real-Time Data**: Implement functionality for real-time traffic updates, possibly using WebSocket or a similar technology for live data.
6. **Testing and Optimization**: Conduct thorough testing, focusing on user experience and responsiveness across various devices and screen sizes.
7. **Deployment**: Deploy the application using a cloud service (like Vercel or Netlify) and ensure it is optimized for performance.

## USER EXPERIENCE
The application will provide users with an intuitive interface for navigation. Users will start by entering their destination, receiving motorcycle-optimized routes with clear, hands-free guidance. Real-time traffic updates will adjust their routes dynamically, while the minimalist design ensures that users can focus on the road without distractions. The application will offer feedback options for local updates, fostering community engagement and continuous improvement of the navigation experience.