Lovable Prompt Creator - AI Prompt Generator

```markdown
# APPLICATION OVERVIEW
The "Barriga Trincada" application is a web-based sales page designed to promote a 21-day weight loss challenge. The main purpose is to effectively communicate the benefits of the program, provide social proof, and facilitate user engagement through clear calls to action, ultimately driving conversions for the weight loss product.

# CORE FEATURES
1. **Compelling Headline and Subheadline**  
   Capture the users' attention with a bold promise: "Você vai perder até 7KG em 21 dias de maneira simples, rápida e eficaz."

2. **Social Proof Section**  
   Showcase testimonials and before-and-after photos from participants who have successfully completed the challenge, reinforcing credibility and trust.

3. **Pain Point Connection**  
   Engage users by addressing common struggles with weight loss, creating empathy through relatable storytelling, and highlighting the emotional journey.

4. **Solution Overview**  
   Clearly articulate how the program reprograms metabolism for sustainable weight loss, detailing the specific benefits such as reduced cravings, increased calorie burn, and improved sleep.

5. **Step-by-Step Program Details**  
   Provide a concise breakdown of the 21-day program structure, outlining daily missions, video content, and flexibility in diet choices, ensuring clarity and ease of understanding.

6. **Call to Action and Guarantee**  
   A strong conversion section that presents the pricing, payment options, and a risk-free 7-day money-back guarantee to alleviate buyer hesitations.

# DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasize clean lines and simplicity, utilizing ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Color Palette**: 
  - Primary Color: Vibrant Red for call-to-action buttons and important highlights.
  - Secondary Color: Black for text and headings.
  - Accent Color: Green for subtle highlights and secondary elements.
- **Layout**: 
  - Use a vertical scrolling layout with distinct sections for each core feature.
  - Maintain a clear visual hierarchy with headings, subheadings, and body text.
  - Ensure sufficient spacing between sections for a clean and organized appearance.
- **Typography**: 
  - Primary Font: 'Roboto' for body text, ensuring legibility and modernity.
  - Secondary Font: 'Montserrat' for headings, creating an impactful visual contrast.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui for consistent and responsive design.
- **State Management**: React Context API (if needed for managing user data).

# IMPLEMENTATION STEPS
1. **Set Up Project Structure**  
   Initialize a new React project with TypeScript and integrate Tailwind CSS for styling.

2. **Create Core Components**  
   Develop components for the headline section, social proof, pain point stories, solution overview, program details, and call to action.

3. **Design Layout**  
   Use Tailwind CSS to structure the layout with defined sections, ensuring responsive design for mobile and desktop views.

4. **Integrate UI Components**  
   Utilize shadcn/ui components for buttons, forms, and modals to maintain design consistency.

5. **Implement State Management**  
   If user interactions require state management (e.g., tracking sign-ups), set up the React Context API.

6. **Testing and Optimization**  
   Conduct thorough testing across devices to ensure responsiveness and functionality, optimizing performance as needed.

# USER EXPERIENCE
The user journey begins with an engaging headline that immediately communicates the value of the program. As users scroll, they encounter relatable stories that resonate with their struggles, followed by clear explanations of the program's benefits. The social proof reinforces trust, while the structured layout allows easy navigation. Finally, a compelling call to action encourages users to enroll, complemented by a risk-free guarantee to eliminate concerns. The overall experience is designed to be intuitive, motivating, and supportive, guiding users seamlessly towards their weight loss goals.
```