Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Mentor Bíblico IA is a web application designed to facilitate biblical study through an intelligent learning pathway. Users can select topics, such as "understanding Romans," and receive tailored plans, explanations, questions, progress tracking, notes, and reviews. The application offers modes for young learners, beginners, and leaders, ensuring a personalized and engaging study experience.

## CORE FEATURES
1. **Personalized Learning Paths**: Users can choose specific biblical topics and receive a structured study plan that includes readings, explanations, and questions to encourage deep understanding.
2. **Progress Tracking**: A feature that allows users to monitor their learning journey, marking completed sections and reviewing past notes.
3. **Interactive Q&A**: Users can ask questions related to their study topics and receive AI-generated answers, enhancing their understanding of biblical texts.
4. **Notes and Annotations**: A space for users to jot down personal insights, reflections, and important points as they study, with the option to organize these notes by topic.
5. **Mode Selection**: Users can switch between different learning modes (young, beginner, leader) to suit their study preferences and levels of understanding.
6. **Review Sessions**: The application includes scheduled review sessions to revisit important topics and reinforce learning.

## 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 central hero section for user engagement, followed by sections for features, user testimonials, and a footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Zustand (based on preference for simplicity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React app with TypeScript using Create React App. Install Tailwind CSS and shadcn/ui for styling.
2. **Create Layout Components**: Develop the main layout components including Header, Footer, and MainContent.
3. **Implement Feature Components**: Build components for each core feature, focusing on modularity and reusability.
4. **Integrate State Management**: Set up Redux or Zustand for managing application state, particularly for user progress and notes.
5. **Design UI**: Apply Tailwind CSS classes to style components according to the design specifications, ensuring a minimalist aesthetic.
6. **Testing**: Conduct usability testing to ensure smooth user interaction and refine the application based on feedback.
7. **Deployment**: Prepare the application for deployment on a hosting platform like Vercel or Netlify.

## USER EXPERIENCE
Users will begin their journey on the landing page, where they can select their preferred study mode. After choosing a topic, they will follow a structured learning path that presents content in digestible segments. The interactive Q&A feature will provide instant feedback, while progress tracking and review sessions will enhance the learning experience, making it engaging and effective. The minimalist design ensures clarity and ease of navigation throughout the application.