Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
NOMAX is a minimalist web application designed to help travelers plan and enjoy their journeys in an economical, personalized, and simple manner. By gathering recommendations, experiences, and tools in one space, the platform empowers users to save money, connect with fellow travelers, and make responsible decisions regarding their travel plans.

## CORE FEATURES
1. **Personalized Travel Recommendations**: Users can receive tailored suggestions based on their preferences, budgets, and travel styles.
2. **Community Experiences**: A platform for users to share their travel stories and tips, fostering a community of like-minded travelers.
3. **Budgeting Tools**: Users can access tools to estimate travel costs and find ways to save money on accommodations, activities, and dining.
4. **Responsible Travel Guide**: Resources and insights to encourage responsible travel practices, including sustainability tips and ethical recommendations.
5. **User Profiles**: Travelers can create profiles to save their preferences, experiences, and itineraries for future reference.

## 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**: A single-page layout with a prominent hero section, followed by features and community experiences, a call-to-action (CTA) section, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize the React project with TypeScript and install Tailwind CSS.
2. **Design the Layout**: Create a responsive single-page layout using Tailwind CSS utility classes.
3. **Implement Core Features**:
   - Develop the user profile component for saving preferences.
   - Create the recommendation engine using a basic algorithm to match user inputs with travel content.
   - Build the community experiences section to allow users to submit and view shared tips.
   - Design budgeting tools and responsible travel guides as separate components.
4. **Integrate UI Components**: Utilize shadcn/ui components for buttons, cards, and inputs, ensuring consistent styling.
5. **Add State Management**: Implement the React Context API or Zustand to manage user data and preferences across components.
6. **Conduct User Testing**: Gather feedback from potential users to refine features and enhance user experience.

## USER EXPERIENCE
Users will be greeted with a welcoming hero section that introduces NOMAX and its core benefits. They can easily navigate to personalized recommendations and community experiences through a clean menu. The budgeting tools will provide intuitive inputs for estimating costs, while the responsible travel guide will offer actionable insights. Users can save their profiles for quick access to their travel information, ensuring a seamless and engaging interaction with the application.