Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to effectively communicate the value proposition of an AI-based commercial infrastructure targeted at e-commerce, dropshipping, service providers, and local businesses. The primary goal is to inform potential customers about an AI solution that enhances customer interaction and increases sales while guiding users towards taking action.

## CORE FEATURES
1. **Attention-Grabbing Hook**: A bold statement highlighting the potential revenue loss due to unresponsive customer service.
2. **Pain Point Explanation**: A detailed description of how lost leads impact revenue, establishing a connection with the audience's challenges.
3. **AI Solution Introduction**: Present the continuous engagement capabilities of the AI infrastructure that assists businesses in retaining customers.
4. **Real-Time Data Analysis**: Explain how the system analyzes data in real-time to enhance profitability, differentiating it from competitors.
5. **Proof of Effectiveness**: Include testimonials or statistics from companies benefiting from similar AI systems to build credibility and trust.
6. **Strong Call to Action**: Encourage user engagement with a prominent "QUERO" button to see the system in action.

## 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**: A single-column layout featuring a hero section at the top, followed by sequential sections for pain points, solutions, differentiators, proof, and a final call to action.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but can be implemented using React's built-in state management if needed.

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Configure Tailwind CSS**: Set up Tailwind CSS configuration files and import Tailwind styles into your main stylesheet.
4. **Create Component Structure**: Develop components for each section of the landing page (Hero, Pain Point, Solution, Differentiator, Proof, CTA).
5. **Implement Design**: Use the specified design specifications to style the components, ensuring responsiveness and adherence to the minimalist aesthetic.
6. **Add Functionality**: Implement the call to action button functionality to allow users to engage effectively.
7. **SEO Optimization**: Ensure the landing page follows SEO best practices, including meta tags and appropriate headings.
8. **Testing**: Test responsiveness across different devices and browsers to ensure a seamless user experience.

## USER EXPERIENCE
The landing page should provide a smooth user experience, with intuitive navigation that flows from the attention-grabbing hook to the main content sections. Each section must clearly communicate its purpose, using persuasive language and visual hierarchy to guide users toward the call to action. The CTA should stand out, encouraging users to take the next step in exploring the AI solution.