Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a law firm specializing in Public Law, specifically targeting police officers in the State of São Paulo. The main purpose of the landing page is to generate qualified leads via WhatsApp by clearly communicating the firm’s expertise and the benefits available to potential clients.

## CORE FEATURES
1. **Hero Section**: A compelling headline addressing financial issues faced by police officers, with a clear call-to-action button for immediate WhatsApp contact.
2. **Problems Section**: A list of common financial pain points that police officers encounter, highlighting the need for legal assistance.
3. **Solutions Section**: A straightforward presentation of the legal services offered to address the identified problems.
4. **Differentials Section**: Information on the firm’s specialization, its partnership with APPESP, and its commitment to transparency and quick service.
5. **Social Proof Section**: Testimonials and positive ratings from previous clients to build trust and credibility.
6. **FAQs Section**: Addressing common objections and concerns to reassure potential clients about the process.

## 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 landing page will have a single-column layout, with sections stacked vertically for easy scrolling. Each section will be clearly defined with appropriate spacing and visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this static landing page.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: 
   - Develop individual components for each section (Hero, Problems, Solutions, Differentials, Social Proof, FAQs).
   - Ensure that each component adheres to the minimalist design principles.
4. **Implement Responsive Design**: Use Tailwind CSS utilities to ensure the landing page is mobile-first and displays correctly on various screen sizes.
5. **Integrate WhatsApp Button**: Set up fixed buttons that link to WhatsApp for immediate communication.
6. **Test Functionality**: Verify all links, buttons, and sections function as expected, ensuring a smooth user experience.

## USER EXPERIENCE
The landing page should provide a seamless experience for users, guiding them through the content effectively. The navigation should be intuitive, with clear calls-to-action that prompt users to reach out for legal assistance. The use of whitespace and minimal distractions will help maintain focus on the key messages and benefits of the services offered.