Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
Avant Gard is a web application designed as a translation layer for intention, helping users articulate their internal feelings and ideas into a structured representation for artists. The application focuses on transforming vague thoughts into a clear and concise brief that preserves the artist's creative space while ensuring that customer intentions are accurately conveyed.

# CORE FEATURES
1. **Guided Input Process**: A non-linear input mechanism allowing customers to express fragmented thoughts, memories, and ideas without feeling constrained by traditional forms.
   
2. **Structured Representation Generation**: Automatically generates a compact, evidence-backed representation of the user’s intention that includes essential details like boundaries, priorities, and unresolved tensions.

3. **Explicit Feedback Mechanism**: Allows users to confirm or refine their thoughts, ensuring that the output aligns with their intentions without making assumptions.

4. **Artist-Focused Output**: Provides a clean and scannable brief for artists that explicitly indicates areas for their expertise, avoiding over-specification.

5. **Visual Preference Discovery**: A feature that lets users explore visual preferences without requiring advanced terminology or artistic knowledge.

6. **Portable Representation**: Users can export their structured representation in various formats for easy sharing with artists, ensuring the value is realizable without the artist needing to adopt any software.

# 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 hero section at the top, followed by sections for features, user testimonials, a clear call-to-action (CTA), and a contact form. The layout will prioritize user engagement and clarity.

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

# IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React project with TypeScript using Create React App. Install Tailwind CSS and set up the configuration.
   
2. **Create Components**:
   - Develop a `Hero` component that introduces the application and its purpose.
   - Create a `Features` section component that highlights core features with visually engaging cards.
   - Implement a `Testimonials` section to showcase user feedback, reinforcing trust and reliability.
   - Build a `CTA` component encouraging users to start using the application or sign up for updates.
   - Develop a `Contact` form for user inquiries.

3. **Implement State Management**: Use Zustand or Context API to handle user inputs and feedback systematically without creating unnecessary re-renders.

4. **Styling Components**: Utilize Tailwind CSS for styling each component based on the specified design requirements, ensuring consistency in border radius, typography, and colors.

5. **Responsive Design**: Ensure that the application is fully responsive, adjusting layouts for different screen sizes using Tailwind's responsive utilities.

6. **Testing**: Conduct user testing sessions to gather feedback on usability and clarity of information presented in the app.

# USER EXPERIENCE
Users will embark on a guided thinking journey where they can freely express their thoughts and intentions in a non-linear manner. They will receive structured feedback, allowing for a clearer articulation of their ideas. The application will maintain a streamlined interface, making it easy for users to navigate through the input process. The final output will be presented in a clean format that artists can easily interpret, ensuring that the user's intentions are preserved and clearly communicated.