Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a women's product aimed at enhancing the appearance of the buttocks. The page will feature compelling copy, testimonials, and before-and-after images to drive conversions among female customers. The focus will be on creating an engaging and visually appealing experience that resonates with the target audience.

## CORE FEATURES
1. **Hero Section**: A striking introductory area featuring an engaging headline, a brief description of the product, and a strong call-to-action (CTA) button to encourage immediate purchases.
2. **Testimonials**: A dedicated section showcasing satisfied customers with before-and-after photos and their success stories, enhancing credibility and trust.
3. **Product Features**: Highlight the key benefits and unique selling points of the product, emphasizing how it improves the appearance of the buttocks.
4. **Customer Names Generator**: Interactive element that generates Brazilian female names of recent buyers to create a sense of community and urgency.
5. **FAQ Section**: Address common questions and concerns about the product to provide transparency and assist potential buyers.
6. **Contact Form**: A simple form for inquiries, allowing users to easily reach out for more information.

## 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 that guides the user from the hero section through testimonials, product features, and the CTA, ensuring a seamless flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user interactions (optional)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and the shadcn/ui component library to manage styling and UI components.
3. **Create Components**:
   - **HeroSection**: Implement the hero section with a headline, description, and CTA button.
   - **TestimonialsSection**: Create a component to display customer testimonials with images.
   - **FeaturesSection**: Design a section to list product features with icons or images.
   - **NameGenerator**: Implement a simple function to generate random Brazilian female names.
   - **FAQSection**: Develop a collapsible FAQ component to answer common questions.
   - **ContactForm**: Create a straightforward contact form for user inquiries.
4. **Styling**: Use Tailwind CSS to apply the specified design specifications, ensuring a minimalist aesthetic.
5. **Responsive Design**: Ensure the layout is responsive and works well on various screen sizes.
6. **Testing**: Test the functionality and responsiveness of each component across different browsers and devices.

## USER EXPERIENCE
The user journey begins with an engaging hero section that captures attention. As users scroll down, they encounter real testimonials that build trust and relatability. The features section provides clear information about the product's benefits, while the customer names generator adds a unique and interactive experience. The FAQ section addresses potential concerns, and the contact form allows for easy communication, creating a seamless path towards conversion. The overall experience focuses on clarity, engagement, and simplicity, driving users towards making a purchase.