Lovable Prompt Creator - AI Prompt Generator

# ## ## ### ## APPLICATION OVERVIEW
This project is a landing page designed to promote a specific product priced at $12,000. The main purpose is to highlight the price and payment options prominently within a clean, minimalist design that encourages conversions through a clear and attractive presentation.

## CORE FEATURES
1. **Hero Section**: A captivating introduction at the top of the page featuring the product image, the fixed price of $12,000, and a brief description.
2. **Payment Options**: Clearly displayed payment facilitation options that are visible alongside the price, ensuring potential customers can easily understand their purchasing choices.
3. **Launch Offer**: A distinct section that emphasizes the introductory launch price, creating urgency and encouraging immediate action.
4. **Testimonials**: A segment showcasing customer reviews to build trust and credibility around the product.
5. **Call to Action (CTA)**: A prominent button encouraging users to purchase, sign up, or learn more, positioned effectively within the layout.
6. **Contact Information**: Easily accessible contact details for customer inquiries, ensuring users can reach out for additional support.

## 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 layout will be structured with a full-width hero section at the top, followed by a payment options section, testimonials, and a clear CTA, ensuring a logical flow that guides users towards conversion.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**:
   - Develop the Hero component to showcase the product image, price, and launch offer prominently.
   - Implement the Payment Options component, ensuring it displays clearly next to the price.
   - Design the Testimonials component to cycle through customer reviews.
   - Add a CTA button that stands out, using the primary color for emphasis.
   - Integrate a simple Contact component for user inquiries.
3. **Style Components**: Use Tailwind CSS to apply the minimalist design specifications, ensuring white space and typography are prioritized.
4. **Responsive Design**: Make sure the layout is fully responsive, adjusting for mobile and tablet views.
5. **Testing**: Test all components for functionality and responsiveness, ensuring a smooth user experience across devices.

## USER EXPERIENCE
Users will land on a visually appealing page where they immediately see the product and its price. The fixed price and payment options will be clearly visible, encouraging them to consider the purchase. The testimonials will build trust, and the CTA will guide them towards making a purchase or seeking additional information. The minimalist design will enhance the overall user experience by reducing distractions and focusing attention on the product and its value.