Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for "Solo Puertas," a company specializing in the sale of doors in Manizales, Colombia. The primary goal is to generate direct contacts via WhatsApp and maximize clicks on the WhatsApp button, ensuring a professional, modern, and conversion-optimized website.

## CORE FEATURES
1. **Hero Section**: A captivating header with a powerful title "Venta de puertas en Manizales", a quick subtitle emphasizing speed, quality, and price, along with a prominent WhatsApp button for instant quotes.
   
2. **Key Benefits**: Highlight 4-5 key benefits of choosing Solo Puertas, such as quick delivery in Manizales, ready-to-install doors, transparent pricing, immediate WhatsApp support, and installation services, each with relevant icons.

3. **Door Packages Section**: Display clear cards for three door packages with highlighted prices and features, each accompanied by a "Solicitar por WhatsApp" button.

4. **Gallery of Work/Products**: Showcase images of installed doors in various settings, enhancing credibility and visual appeal.

5. **Simple Purchase Process**: A visual representation of the three-step buying process: contacting via WhatsApp, choosing a door with assistance, and delivery/installation.

6. **Testimonials**: Include positive feedback from satisfied customers in Manizales to build trust and reliability.

7. **Final CTA**: A strong closing message with a large, fixed WhatsApp button, ensuring easy access for 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 single-column layout that flows vertically, featuring the hero section at the top, followed by benefits, packages, gallery, process, testimonials, and a final strong call-to-action.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React application with TypeScript and install Tailwind CSS and shadcn/ui components.
   
2. **Create Hero Component**: Implement the hero section with a powerful title, subtitle, and WhatsApp button, using the specified typography and primary color.

3. **Develop Key Benefits Section**: Design a section to display key benefits with icons, ensuring they are visually appealing and concise.

4. **Build Door Packages Section**: Create card components for each door package, ensuring prices and features are clearly displayed along with the WhatsApp request button.

5. **Implement Gallery Section**: Add a gallery component to showcase images of doors installed in real settings, maintaining a clean layout.

6. **Design Purchase Process Section**: Visually depict the three-step process for purchasing doors, using clear and engaging graphics.

7. **Add Testimonials Section**: Include a testimonials component for displaying customer feedback, ensuring it’s easy to read and visually consistent.

8. **Final CTA and Footer**: Create a strong closing message with a fixed WhatsApp button for easy access, alongside minimal footer information.

## USER EXPERIENCE
The user experience is designed to be straightforward and engaging. Visitors are greeted with a compelling hero section, which leads them through the benefits of the service, showcases attractive packages, and allows easy interaction via WhatsApp. The seamless flow from one section to another encourages users to explore and ultimately contact Solo Puertas for their door needs, enhancing the likelihood of lead conversion.