Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to help users navigate through CBD Kenya when they are lost. Powered by AI, it provides real-time directions and location-based assistance to ensure users can find their way easily and safely.

## CORE FEATURES
1. **AI-Powered Navigation**: Integrates AI to offer real-time route suggestions and updates based on user location.
2. **User Location Tracking**: Utilizes GPS to accurately track the user's location and provide context-aware directions.
3. **Interactive Map Interface**: A clean, user-friendly map interface that displays nearby landmarks, routes, and points of interest.
4. **Emergency Assistance**: A dedicated button for users to quickly access emergency services or share their location with trusted contacts.
5. **Feedback Mechanism**: Allows users to provide feedback on navigation accuracy and suggest improvements for the AI system.
6. **User Profiles**: Option for users to create profiles to save favorite locations and preferred routes.

## 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 will feature a top navigation bar, a central interactive map area, side panels for user options and feedback, and a footer for additional information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux for managing application state.

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install necessary dependencies**: Include Tailwind CSS, shadcn/ui components, and any necessary libraries for map integration (like Leaflet or Google Maps).
3. **Create the main layout**: Build the navigation bar, footer, and central map area using Tailwind CSS for styling.
4. **Implement user location tracking**: Use the Geolocation API to get the user's current position and display it on the map.
5. **Develop the AI navigation feature**: Integrate an AI service or algorithm that can compute the best routes based on the user’s location.
6. **Set up user profiles**: Build a simple authentication flow allowing users to create and manage profiles.
7. **Integrate feedback and emergency assistance features**: Add UI components for users to provide feedback and access emergency services.

## USER EXPERIENCE
Users will start on the home page where they can see their location on the interactive map. They can input destinations or click on nearby landmarks to receive real-time navigation assistance. The layout is designed to be intuitive, with clear buttons and prompts. Users can easily access emergency services or provide feedback through dedicated buttons, ensuring a seamless and responsive experience throughout their navigation journey.