Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is an interactive demo application for the Nedu IA – Central de Decisão Escolar em Tempo Real. The purpose of the application is to simulate how the AI-based decision-making center operates, allowing users to engage with strategic questions and receive actionable insights, all while maintaining a premium SaaS product feel.

## CORE FEATURES
1. **Hero Section**: A visually compelling introduction featuring the title "Central de Decisão Escolar em Tempo Real" and a subtitle prompting users to ask strategic questions.
2. **Interactive Question Simulator**: An interface where users can input questions or select from pre-configured buttons to explore various decision-making scenarios.
3. **Simulated AI Responses**: Upon question selection, the application will display clear and concise executive responses, prioritization of issues, and recommended actions.
4. **Alerts Section**: A visual block that highlights active alerts regarding students and classes, providing real-time insights into critical situations.
5. **Weekly Executive Summary**: A card summarizing key metrics and suggested actions for school leadership, simulating an automated report delivery.
6. **User Profile Control**: A visual selector allowing users to view insights tailored to their profiles (Professor, Coordination, Direction), enhancing the relevance of information displayed.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, a restricted color palette, and strong focus on typography for clarity.
- **Color Mode**: Light theme with dark text on light backgrounds for enhanced readability.
- **Layout**: The layout will follow a single-column format with a hero section at the top, followed by the question simulator, AI response sections, alerts, a summary card, and a call-to-action at the bottom for a cohesive user experience.
- **Typography**: Use modern sans-serif fonts for headers and body text, with a clear hierarchy: larger font sizes for titles, medium for subtitles, and standard sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling approach
- **UI Components**: Utilize shadcn/ui for consistent and modern UI components
- **State Management**: Consider using React's built-in state management or Context API for managing user interactions and responses.

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript template.
2. **Install Tailwind CSS** following the official installation guide to style the application.
3. **Create the main components**:
   - Hero Section
   - Question Simulator with input and button elements
   - AI Response display sections (Executive Response, Prioritization, Recommended Actions)
   - Alerts Section using a side block display
   - Weekly Summary Card
   - User Profile Selector
4. **Implement state management** to handle user inputs, selected questions, and dynamic responses.
5. **Add routing** if necessary, to manage different views or sections, although primarily focused on a single-page experience.
6. **Test responsiveness** across devices to ensure a seamless user experience.
7. **Deploy the application** on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will engage with the demo by entering questions or selecting pre-defined queries. Upon interaction, they will receive immediate feedback through an AI-generated response that is clear, actionable, and visually distinct. The alerts and executive summary will provide critical insights at a glance, reinforcing the value of the Nedu IA solution. The overall experience is designed to evoke a sense of urgency and necessity for the features offered, making it compelling for school leadership.