Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote and sell a personal growth workbook, targeting women seeking transformation. The primary purpose is to showcase the product catalog, provide an easy purchasing experience through WhatsApp, and convey a warm, professional tone that encourages quick decision-making.

## CORE FEATURES
1. **Header**: Includes a logo and a simple navigation menu with links to Home, Catalog, and Contact.
2. **Hero Section**: Features an inviting main title about personal transformation, a brief subtitle, and a prominent call-to-action button labeled "Ver catálogo."
3. **Product Catalog**: Displays a grid of product cards, each featuring a cover image of the PDF, product title, price in USD, and a "Comprar" button. The "Priorízate Mujer" guide will be highlighted as a featured product.
4. **Testimonials Section**: Provides space for 3-4 customer testimonials, including names and either photos or initials to build trust.
5. **Payment Methods Section**: Clearly outlines accepted payment methods ( Binance Pay, Pago Móvil) with prices displayed in USD, tailored for the Venezuelan market.
6. **Floating WhatsApp Button**: A fixed button in the corner opens a chat with a pre-filled message for purchasing a product when clicked.

## 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 consists of a top navigation header, followed by the hero section, product catalog arranged in a responsive grid, testimonials section, payment methods explanation, and a footer with logo and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for the project.
3. Create a responsive header component that includes the logo and navigation links.
4. Design the hero section with the main title, subtitle, and the call-to-action button using Tailwind CSS for styling.
5. Create the product catalog section using a grid layout. Each product card should link to the WhatsApp action for purchasing.
6. Implement the testimonials section with placeholder content for client feedback.
7. Add a payment methods section detailing the accepted payment options.
8. Integrate a floating WhatsApp button that opens a chat with a pre-filled message.
9. Ensure the layout is responsive, optimizing for mobile viewing.
10. Test the site for functionality and responsiveness across devices.

## USER EXPERIENCE
Users will land on a clean and inviting page that clearly presents the product offerings. The navigation is simple, leading them easily to different sections. The prominent call-to-action encourages users to view the product catalog. Each product card provides essential details and a quick purchasing option via WhatsApp, ensuring a seamless and efficient shopping experience. The testimonials add credibility, and the payment section builds trust by clarifying payment options in a localized context. Overall, the design fosters an atmosphere of warmth and professionalism, ideal for the target audience.