Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This application is a web app designed as a high-conversion landing page for AmericanFit, a natural weight loss supplement. The main purpose is to effectively capture leads and drive sales through persuasive copy, clear offers, and an optimized user experience.

## CORE FEATURES
1. **High-Impact Headline**: A catchy and motivating headline to grab user attention immediately.
2. **Product Description**: A concise and persuasive overview of AmericanFit, highlighting its benefits and natural ingredients.
3. **Testimonials Section**: Real customer testimonials to build trust and credibility.
4. **Plans and Pricing**: Clearly outlined purchasing options with emphasis on discounts and free shipping.
5. **Lead Qualification and CTA**: Urgency-driven calls to action to encourage immediate purchases.
6. **FAQs Section**: Answers to common questions to alleviate doubts and enhance user confidence.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will maintain a clean and simple aesthetic, utilizing ample white space to enhance readability and focus on key content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure accessibility and clarity.
- **Layout**: 
  - A single-page scrolling layout featuring clearly defined sections for headline, product description, benefits, testimonials, plans, guarantee, CTAs, and FAQs.
  - Sections will be visually separated with ample spacing to create a streamlined flow.
- **Typography**: 
  - Headings: Bold sans-serif font (e.g., Montserrat) for headings to ensure visibility.
  - Body text: Clean serif font (e.g., Lora) for readability and a professional feel.
  - Clear hierarchy with large headlines, medium subheadings, and smaller body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface.
- **Styling**: Tailwind CSS for responsive and utility-first styling.
- **UI Components**: Utilize shadcn/ui for pre-built components to maintain design consistency.
- **State Management**: React Context API for managing global state (if needed).

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the main layout**: Develop a single-page layout with sections for each identified feature.
4. **Implement the headline section**: Use a prominent font size and bold styling for the headline.
5. **Build the product description and benefits**: Use cards or sections to display product details and benefits clearly.
6. **Add testimonial section**: Design a carousel or grid view for customer testimonials with emphasis on their before-and-after results.
7. **Integrate plans and pricing**: Create a comparison table or segmented buttons for different purchasing options, highlighting discounts and benefits.
8. **Develop the FAQs section**: Use accordion components for questions to maintain a clean look.
9. **Include lead qualification CTAs**: Position clear call-to-action buttons at strategic points throughout the page.
10. **Test responsiveness**: Ensure the layout is mobile-friendly and functions well on various screen sizes.

## USER EXPERIENCE
Users will be guided through a seamless journey starting from an engaging headline, followed by informative content about the product and its benefits. The layout will encourage scrolling, revealing testimonials and pricing options. The CTAs will be strategically placed to create urgency, prompting users to make a purchase or inquire for more information. The FAQs will provide reassurance, leading to increased confidence in the product and a higher likelihood of conversion.
```