Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Quore is a landing page for a health startup focused on home healthcare in Argentina. The platform connects caregivers and families with verified healthcare professionals such as nurses and caregivers, aiming to provide organization and support for home care. The landing page is designed to convey trust, warmth, and professionalism, inviting both family caregivers and health professionals to engage with the service.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a welcoming headline, a brief description, and clear calls to action for both caregivers and health professionals.
2. **How Quore Helps**: A section detailing the platform's benefits for caregivers, presented through engaging cards with icons and short descriptions.
3. **Services Offered**: A grid layout showcasing various home care services with icons, titles, and brief descriptions.
4. **How It Works**: A simple, step-by-step guide illustrating the process of using Quore to connect with professionals.
5. **For Professionals**: A dedicated section inviting healthcare professionals to register and offer their services.
6. **Testimonials**: Real stories from families highlighting their positive experiences with Quore.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on warmth and empathy.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing a primary color of #73cbc4 (soft mint green) and soft, desaturated tones for a calming effect.
- **Layout**: 
  - **Header/Navbar**: Sticky with logo, navigation links, and call-to-action buttons.
  - **Hero Section**: Two-column layout with text on one side and an inviting image on the other.
  - **Content Sections**: Organized in a clear, linear flow with cards and grids for services and testimonials.
- **Typography**: 
  - **Headings**: Bree Serif for titles (H1, H2, H3) to align with the brand.
  - **Body Text**: Inter or Nunito Sans for legibility in paragraphs, buttons, and navigation.
  - **Font Sizes**: Minimum 16–18px for body text with ample line spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling and responsive design.
- **UI Components**: Utilize shadcn/ui for cards, buttons, and accordion components.
- **State Management**: React's built-in state management for handling form submissions and interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Component Structure**:
   - Build reusable components for the header, hero section, service cards, testimonials, and FAQs.
3. **Implement Header/Navbar**: Make it sticky with logo placement, navigation links, and call-to-action buttons.
4. **Design Hero Section**: Implement a two-column layout with text and an image. Add buttons for actions.
5. **Add "How Quore Helps" Section**: Create cards with icons and descriptions using glassmorphism for visual appeal.
6. **Develop Services Section**: Implement a grid layout for service offerings with icons and brief descriptions.
7. **Design "How It Works" Section**: Create a step-by-step layout with numbered icons.
8. **Create Professional Registration Section**: Highlight benefits and include a call-to-action button.
9. **Integrate Testimonials**: Design testimonial cards showcasing family stories.
10. **Implement FAQs Section**: Use an accordion for expandable questions and answers.
11. **Style for Responsiveness**: Ensure the landing page is mobile-friendly with a responsive design that adjusts layouts as needed.
12. **Test Accessibility**: Verify that color contrasts meet WCAG AA standards and that interactive elements are accessible.

## USER EXPERIENCE
Key user interactions include navigating through the landing page via the sticky header, engaging with call-to-action buttons that lead to specific services or registration pages, and easily digesting information through well-structured sections. The design emphasizes empathy and clarity, ensuring that caregivers feel supported and professionals see the value in joining the platform.