Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed as a powerful tool for marketers and product managers to create detailed and visually appealing prototypes, infographics, and various design assets. It features the ability to generate 3D versions of prototypes and allows users to customize their experience through various themes, making it both functional and aesthetically pleasing.

## CORE FEATURES
1. **Prototype Generation**: Users can create detailed and work-ready prototypes with options for both 2D and 3D visualizations.
2. **Infographic Creation**: A dedicated tool for generating engaging infographics tailored to marketing needs.
3. **Customizable Themes**: Users can select from multiple themes (e.g., pink princess, professional, Bollywood, Marvel, K-Pop) to personalize their experience.
4. **User-Friendly Interface**: A clean and intuitive interface that simplifies the design process for marketers and product managers.
5. **Export Options**: Ability to export created designs in various formats suitable for presentations and sharing.
6. **Responsive Design**: Fully responsive layouts that work seamlessly across different devices, ensuring a great user experience.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on clean, simple designs that utilize ample white space and a minimal color palette. Typography should be prominent and easy to read.
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and create a fresh atmosphere.
- **Layout**: The main layout should feature a central hero section with a call-to-action, followed by sections for core features, user testimonials, and a footer with contact information. Each section should be visually distinct yet cohesive.
- **Typography**: Use sans-serif fonts for headers (e.g., Montserrat) and body text (e.g., Roboto) to maintain a clean and modern look. Maintain a clear hierarchy with larger font sizes for headings and appropriate spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building interactive user interfaces.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid UI design and customization.
- **UI Components**: Utilize shadcn/ui for pre-built components that fit the minimalist aesthetic.
- **State Management**: Use React's built-in Context API for managing theme and user preferences.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components.
3. **Create Layout Structure**: Set up the main layout with a hero section, features, testimonials, and footer.
4. **Develop Core Features**: Implement the prototype and infographic generation tools using React components.
5. **Theme Customization**: Create a theme switcher that allows users to select and apply different themes dynamically.
6. **Responsive Design**: Ensure all components are responsive using Tailwind CSS breakpoints.
7. **Testing**: Conduct thorough testing to ensure all features work as intended across devices and browsers.
8. **Deployment**: Prepare the application for deployment on a suitable hosting platform.

## USER EXPERIENCE
Users will start on the homepage featuring a striking hero section that clearly communicates the app's purpose. They can easily navigate to create prototypes or infographics through prominent buttons. The theme customization feature will allow users to switch themes seamlessly, enhancing their personal experience. The application will guide users through the creation process with tooltips and prompts, ensuring that even those with minimal design experience can produce high-quality outputs. The final designs can be easily exported for sharing or presentation purposes, rounding out a comprehensive user experience tailored to marketers and product managers.