Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a business portal, enabling visitors to connect with consultants through web forms. The application will provide a modern and minimalist interface that emphasizes user experience and ease of contact, allowing users to navigate effortlessly and reach out for professional assistance.

## CORE FEATURES
1. **Consultant Directory**: A searchable and filterable list of available consultants, showcasing their expertise and availability.
2. **Contact Web Forms**: Interactive forms for users to reach out to consultants, including fields for name, email, message, and specific inquiries.
3. **Appointment Scheduling**: A feature allowing users to book consultations directly, integrating with a calendar system for real-time availability.
4. **Feedback System**: Users can provide feedback on consultations to help improve services and consultant ratings.
5. **User Authentication**: Secure login and registration for users to manage their profiles and previous interactions.
6. **Responsive Design**: Ensure the application is fully responsive and accessible on various devices, providing a seamless experience.

## 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 hero section with a brief introduction, followed by sections for features, a contact form, and a footer with additional resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context for managing user authentication and state across the application.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for components.
2. **Create Core Components**: Build components for the header, footer, consultant directory, contact form, and feedback system.
3. **Implement Routing**: Set up React Router for navigation between the homepage and other sections of the application.
4. **Develop the Consultant Directory**: Create a searchable list with filters to display consultants, using state management for data handling.
5. **Build Contact Forms**: Develop interactive forms that validate inputs and submit data to a backend service or email.
6. **Authentication System**: Implement user authentication with secure login and registration forms, utilizing context for state management.
7. **Responsive Design**: Use Tailwind CSS to ensure all components are responsive and adapt to various screen sizes.
8. **Testing**: Conduct usability testing to gather feedback and iterate on any necessary improvements.

## USER EXPERIENCE
The application will prioritize a straightforward user journey, where visitors can easily navigate through the consultant directory, fill out contact forms, and book appointments. The interface will be intuitive, with clear calls to action and minimal distractions, ensuring users can efficiently achieve their goals. Each interaction will be designed to provide immediate feedback, enhancing the overall experience and satisfaction.