Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create an e-commerce landing page for a product called "Limpiadora a Vapor Multifuncional." The website will cater to customers in Colombia looking to purchase a multifunctional steam cleaner. It will integrate with Shopify to enable a complete e-commerce experience, showcasing product features, benefits, and facilitating customer purchases in Spanish.

## CORE FEATURES
1. **Hero Section**: A visually engaging introduction to the "Limpiadora a Vapor Multifuncional" with a compelling tagline, product image, and a prominent call-to-action (CTA) button to "Compra Ahora."
2. **Product Features**: A clear description of the product’s key features, highlighting its multifunctionality, efficiency, and ease of use with attractive visuals.
3. **Testimonials**: A section displaying customer reviews and ratings to build trust and encourage purchases.
4. **Pricing & Promotions**: A clear pricing section with any ongoing promotions or discounts, ensuring customers understand the value offered.
5. **Contact Information**: Easy access to customer service details, including phone number and email for inquiries.
6. **Shopify Integration**: Seamless integration with Shopify for smooth e-commerce functionality, enabling cart management and secure checkout.

## 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 follow a single-column structure with sections stacked vertically: Hero Section at the top, followed by Product Features, Testimonials, Pricing, and Contact Information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it primarily displays information and links to Shopify.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the main components**: Develop the Hero, Features, Testimonials, Pricing, and Contact components.
3. **Implement the layout**: Arrange components in the specified single-column layout using Tailwind CSS for styling.
4. **Add Shopify integration**: Use Shopify's Buy Button to integrate product purchasing functionality.
5. **Style the components**: Apply the design specifications using Tailwind CSS, ensuring to align with the minimalist visual style.
6. **Test responsiveness**: Ensure the landing page is fully responsive across various devices and screen sizes.
7. **Deploy the landing page**: Once complete, deploy the landing page to a hosting platform and link it to the Shopify store.

## USER EXPERIENCE
Users will land on a clean and intuitive interface that allows them to quickly understand the product. The hero section will capture attention with a strong visual and a clear call-to-action. As users scroll, they will encounter informative sections detailing the product's features and benefits. Customer testimonials will enhance credibility, and the straightforward pricing section will guide them toward making a purchase. The contact information will ensure users can easily reach out for any inquiries, enhancing their overall experience.