Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project involves creating a landing page for "Camisas Sin Botones," a custom t-shirt service utilizing WordPress and WooCommerce. The main purpose is to showcase product offerings, highlight unique techniques, and provide a seamless user experience for customers looking to customize their garments.

## CORE FEATURES
1. **Hero Section**: A dark hero area featuring a prominent headline, a clear call-to-action (CTA) button directing users to the store, and an illustrative image.
2. **Features Highlight**: A section displaying four key product features including vinyl vs. DTF techniques, minimum order quantity, personalized designs, and customer support.
3. **Techniques Overview**: Two cards that visually differentiate between the vinyl and DTF techniques, along with a section for user guidance.
4. **Personalization Section**: A new tab leading to a configurator where users can select garment models and techniques (DTG or DTF), along with a user-friendly editing tool for uploads.
5. **Mockups Gallery**: A visual display of previously customized t-shirts to showcase the service's capabilities and inspire customers.
6. **Company Section**: A dedicated tab for businesses, designed to reflect the B2B focus with relevant information and offerings.

## 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 main layout will feature a top navigation bar, a prominent hero section, followed by features, a techniques overview, a personalization configurator, a mockups gallery, and a business section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Use Redux or Context API if needed for managing state across the application]

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React application with TypeScript and install necessary packages including Tailwind CSS and shadcn/ui.
2. **Create Structure**: Define the main layout components (Header, Hero, Features, Techniques, Personalization, Mockups Gallery, Company).
3. **Integrate WooCommerce**: Use WooCommerce REST API to pull product data dynamically for the mockups gallery and features.
4. **Develop Personalization Configurator**: Create the configurator page with options for garment selection and technique choice, allowing users to upload designs.
5. **Implement Mockups Gallery**: Fetch and display images of customized t-shirts using a grid layout.
6. **Design Business Section**: Develop a dedicated tab for businesses that aligns with the provided design references.

## USER EXPERIENCE
Users will navigate through a clean and intuitive interface, starting from the hero section that captures attention with a compelling CTA. They can quickly learn about the product offerings through highlighted features and techniques. The configurator allows for easy customization of t-shirts, while the mockups gallery offers visual inspiration before making a purchase. The business section provides relevant information for corporate clients, enhancing the overall accessibility and appeal of the service. 

This prompt is designed to create a fully functional minimalist light application that aligns with the user's vision for "Camisas Sin Botones."