Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a comprehensive web application designed to support users in transforming their habits through a structured 90-day program. The application will provide educational resources, planning tools, and community engagement to help users achieve their health and wellness goals.

## CORE FEATURES
1. **E-book Access**: Users can download a premium e-book that includes educational content on nutrition, exercise, and habit formation, complete with practical exercises and summaries.
2. **Planner Tool**: An interactive planner that allows users to set goals, track their progress, and manage their daily routines. It includes fillable forms for meal planning and habit tracking.
3. **Recipe Database**: A categorized collection of over 100 healthy recipes, complete with nutritional information and preparation instructions, facilitating users' meal planning.
4. **90-Day Challenge**: A gamified challenge feature that includes daily missions, a points system, and space for users to reflect on their progress weekly and monthly.
5. **Member Area**: A user-friendly dashboard where members can access all resources, including planners, recipes, and challenges, organized into modules for easy navigation.
6. **Sales Page**: A dedicated sales page with compelling content to convert visitors into users, including benefits, FAQs, and a strong call-to-action.

## 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 responsive design with a top navigation bar, a hero section, followed by a features grid, testimonials, and a call-to-action section at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application with TypeScript and install Tailwind CSS.
2. **Build Layout**: Create the main layout structure including a navigation bar, hero section, and footer.
3. **Develop Core Features**:
   - Implement the e-book access feature with a download button.
   - Create the planner tool with fillable forms and progress tracking capabilities.
   - Develop the recipe database with filtering and categorization functions.
   - Build the 90-day challenge feature with daily missions and points tracking.
   - Set up the member area dashboard that links to all resources.
   - Design the sales page with persuasive content and clear calls to action.
4. **Integrate UI Components**: Use shadcn/ui for buttons, forms, and cards to maintain design consistency.
5. **Implement State Management**: Set up Redux to manage application state, particularly for user progress tracking and challenge participation.
6. **Testing & Deployment**: Conduct user testing to ensure functionality, responsiveness, and user experience before deploying the application.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application. They will start on the landing page, where they can learn about the program's benefits and sign up. After registration, they will access their personalized dashboard, where they can download the e-book, fill out their planner, browse recipes, and engage in the 90-day challenge. The interface will be intuitive, with clear prompts and easy navigation to enhance user engagement and retention.