Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application for Grupo Mais Saúde, designed to serve as an institutional website to showcase the services of its companies: Mais Saúde Home Care, Clínica Mais Saúde Terapias Integradas, and WMS Emergências Médicas. The site aims to convey comprehensive patient management services, ensuring fast load times and optimized SEO for improved visibility.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction that highlights the main services offered by Grupo Mais Saúde, including a compelling call to action (CTA).
2. **Service Overview**: Detailed descriptions of each company under Grupo Mais Saúde, emphasizing how they manage patient care through their respective services.
3. **SEO Optimization**: Implementation of on-page SEO best practices to ensure the website ranks in the top three organic positions on Google.
4. **Email Access**: A secure login feature that allows users to access their corporate email directly from the website using their credentials.
5. **Contact Form**: A simple and intuitive contact form for inquiries, ensuring user engagement and quick responses.
6. **Testimonials Section**: A dedicated area for client testimonials to build trust and credibility for the services provided.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, emphasizing readability and user focus.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure clarity and ease of reading.
- **Layout**: Single-page layout with a structured flow: Hero section, Service Overview, Testimonials, and Contact Form, ensuring a seamless user experience.
- **Typography**: Use a sans-serif font for body text (e.g., Arial or Helvetica) to maintain modernity; headings should be bold and larger to create a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and efficient styling.
- **UI Components**: Utilize shadcn/ui for accessible and customizable UI components.
- **State Management**: Implement React Context API for managing user authentication state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Build reusable components for the Hero, Services, Testimonials, and Contact sections.
4. **Implement SEO Best Practices**: Use React Helmet for managing the document head and ensuring proper meta tags are included for SEO.
5. **Set Up Email Access**: Create a secure login feature for corporate email access using a backend service for authentication.
6. **Test and Optimize**: Conduct performance testing to ensure the site loads within 2 seconds and optimize images and scripts as necessary.
7. **Deploy the Website**: Choose a reliable hosting service to deploy the application, ensuring that all SEO settings are correctly configured.

## USER EXPERIENCE
The user experience focuses on intuitive navigation and quick access to information. Users will be greeted by a visually appealing hero section that invites them to explore services. The service overview will detail how each company contributes to patient management, followed by real testimonials to enhance trust. The contact form is easily accessible for immediate inquiries, and users can effortlessly log into their corporate email, improving overall engagement with the site. The application will be fully responsive, ensuring usability on both desktop and mobile devices.