Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is to create a premium e-commerce website for "Smalto Vivo", a Mexican artisanal brand that specializes in handcrafted marble and ceramic serving pieces. The site aims to provide an elegant, editorial, and minimalist shopping experience, emphasizing unique designs and high-quality craftsmanship, while ensuring a smooth user experience across devices.

## CORE FEATURES
- **Hero Section**: A visually impactful hero section featuring an inspiring product image, a headline, and a call-to-action button leading to the product catalog.
- **Product Catalog**: Display of featured products with filtering options (Material, Tipo de pieza) and badges (Nuevo, Best seller, Agotado, Promoción).
- **Product Detail Pages**: Each product page includes an image gallery, price, color selector, detailed product description, and a WhatsApp purchase button for easy checkout.
- **Brand Story Section**: An engaging narrative about the brand's philosophy and craftsmanship, emphasizing the uniqueness of each piece.
- **Language and Currency Toggle**: Easy switching between Spanish and English, with corresponding currency adjustments (MXN for Spanish, USD for English).
- **FAQ Section**: Editable questions addressing common inquiries related to shipping, product uniqueness, and care instructions.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space and a focus on elegance through typography and high-end photography.
- **Color Mode**: Light theme with a color palette featuring:
  - Cream background (#F6F3EF)
  - Soft sand (#EAE4DC)
  - Soft black (#1F1F1F)
  - Warm gold (#C9A24A)
- **Layout**: 
  - Desktop: A multi-column layout for product displays, with a prominent hero section at the top.
  - Mobile: A vertical scroll layout ensuring easy navigation and accessibility.
- **Typography**: 
  - Primary font: Elegant serif (Playfair Display or Cormorant) for headings.
  - Secondary font: Clean sans-serif (Inter or Manrope) for body text, ensuring readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling
- **UI Components**: Utilize shadcn/ui for elegant UI components
- **State Management**: Redux or Context API as needed for managing global state (e.g., language and currency settings).

## IMPLEMENTATION STEPS
1. **Set up the React project** with TypeScript and Tailwind CSS.
2. **Create the main layout** with a responsive navbar that includes the language and currency toggle.
3. **Develop the Hero Section** with a large product image, headline, subheadline, and CTA button.
4. **Build the Product Catalog Page** with filtering options and featured product displays.
5. **Implement Product Detail Pages** with image galleries, price display, and WhatsApp purchase functionality.
6. **Design the Brand Story Section** to highlight the artisanal nature of the products.
7. **Add the FAQ Section** with editable content management capabilities.
8. **Ensure SEO optimization** for key phrases like "cerámica artesanal" and "hecho a mano".
9. **Test for responsiveness** across devices and ensure smooth user interactions (e.g., hover effects, scroll animations).

## USER EXPERIENCE
Users will begin their journey on the homepage, greeted by an elegant hero image and a clear call to action. The language and currency toggles provide a seamless user experience for both local and international customers. Users can quickly navigate to the product catalog, filter their search, and view detailed product information with ease. The WhatsApp purchase feature allows for a unique, personal shopping experience, while the FAQ section addresses common queries, enhancing customer support. The overall experience is designed to feel aspirational and accessible, encouraging users to engage with the brand and its offerings.