Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a premium digital editorial platform focused on emotional wellness, practical psychology, self-help, personal development, and emotional education. The application will provide an extensive, high-quality guide designed to facilitate a transformative experience for readers, integrating practical tools, exercises, and reflections.

## CORE FEATURES
1. **Professional Cover and Introduction**: An elegant cover design with a welcoming introduction that sets the tone for the reader, explaining how to utilize the guide effectively.
   
2. **In-Depth Chapter Development**: Each chapter will expand on key themes of emotional wellness, including psychological fundamentals and real-life examples, providing deep insights and practical applications.

3. **Practical Exercises and Tools**: After each chapter, readers will find actionable exercises, worksheets, and reflection spaces that encourage immediate application of concepts learned.

4. **30-Day Transformation Plan**: A structured plan designed to guide users through a month-long journey of personal growth, complete with tracking tools and checklists.

5. **Resource Hub**: A section for supplementary resources, FAQs, and exclusive bonuses like affirmation cards and self-care trackers to enhance the user's experience and provide additional value.

6. **User-Friendly Design**: A minimalist, clean interface that prioritizes readability and ease of navigation, ensuring that users can focus on content without distractions.

## 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 primary layout will feature a hero section at the top, followed by a content area that organizes chapters and exercises in a linear format, with sidebars for additional resources and tracking tools.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user progress and saved exercises)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling and UI components.
   
2. **Create Layout Structure**: Develop the main layout including header, footer, and content area that follows the minimalist design principles.

3. **Develop Core Components**: Create components for the cover, chapters, exercises, and resource sections, ensuring they utilize the specified typography and color scheme.

4. **Integrate Functionality**: Implement features for tracking user progress, managing exercises, and allowing users to save their reflections and plans.

5. **Add Design Elements**: Apply styles using Tailwind CSS to ensure a clean and professional aesthetic, focusing on spacing, typography, and border radius.

6. **Testing and Adjustments**: Conduct user testing to gather feedback on usability and make necessary adjustments to improve the user experience.

## USER EXPERIENCE
The user will navigate through a clean interface that starts with a welcoming introduction. They will engage with each chapter, utilizing practical exercises and reflection spaces to enhance learning. The structured 30-day plan allows users to track their progress and stay motivated with helpful tools like checklists and affirmation cards, ensuring a seamless and transformative experience.