Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase the "Propuesta 3 Audífonos Concentradores Todo en Uno Hibridación," a hybrid headphone solution featuring advanced noise cancellation, energy management, and ergonomic design. The primary purpose of the landing page is to highlight the product's unique value proposition, engage potential customers, and drive conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: An engaging introduction that highlights the key benefits of the headphones, featuring a captivating image and a strong call to action (CTA).
2. **Product Features**: A detailed breakdown of the main features including adaptive noise cancellation, silent mode, energy management, and ergonomic design.
3. **User Testimonials**: Real user experiences that build trust and credibility, showcasing the effectiveness of the product.
4. **Call to Action**: Multiple strategically placed CTAs encouraging users to learn more or purchase the headphones.
5. **Contact Form**: A simple form allowing potential customers to get in touch for more information or inquiries.

## 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 structured vertical layout with clearly defined sections for the hero, features, testimonials, CTA, and contact form, ensuring a smooth user journey and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this landing page but could be implemented for form handling if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Hero Section**: Implement a full-width hero section with a background image, product title, tagline, and primary CTA button.
3. **Develop Product Features Section**: Create a grid layout to display the main features with icons and brief descriptions.
4. **Add Testimonials Section**: Design an area for user testimonials with a clean layout that highlights customer quotes and ratings.
5. **Integrate Call to Action**: Place CTAs throughout the page, ensuring they are visually distinct and encourage user interaction.
6. **Build the Contact Form**: Create a simple form with fields for name, email, and message, styled according to the design specifications.
7. **Ensure Responsiveness**: Use Tailwind CSS utilities to ensure the page is fully responsive across devices.
8. **Test Functionality**: Review the page for usability and visual appeal, making adjustments as necessary.

## USER EXPERIENCE
The user journey begins at the hero section, where visitors are greeted with a striking visual and compelling call to action. As they scroll down, they will encounter an intuitive layout presenting the product features, followed by testimonials that foster trust. The strategically placed CTAs guide users seamlessly towards making a purchase or contacting for more information. The overall experience is designed to be engaging, informative, and conversion-focused, with a minimalist aesthetic that emphasizes clarity and ease of navigation.