Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Brilhume é uma landing page de e-commerce premium projetada para uma loja moderna de maquiagem que enfatiza beleza, confiança e autoexpressão. O principal objetivo do site é apresentar e vender produtos de maquiagem de alta qualidade, criando uma experiência de compra elegante e envolvente que ressoe com entusiastas da beleza e promova a autoestima.

## CORE FEATURES
- **Visually Striking Hero Section**: Uma seção hero cativante que exibe imagens de alta qualidade de produtos de maquiagem, acompanhadas por uma tagline que inspira confiança e beleza.
- **Product Categories**: Navegação fácil através de várias categorias de produtos, como batons, bases, máscaras, blushes, sombras, iluminadores e acessórios de beleza.
- **Featured Products**: Uma seção dedicada para destacar produtos recomendados e mais vendidos, impulsionando vendas e exibindo itens populares.
- **Customer Testimonials**: Uma seção para avaliações e depoimentos de clientes que constrói confiança e credibilidade, enfatizando o impacto positivo dos produtos Brilhume.
- **Promotional Call-to-Action**: CTAs estrategicamente colocados que incentivam os usuários a explorar produtos, se inscrever em newsletters ou seguir nas redes sociais para dicas de beleza.
- **Mobile-Optimized Design**: Um design responsivo que garante uma experiência de compra sem interrupções em dispositivos, priorizando usabilidade e acessibilidade.

## 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**: O layout principal deve apresentar uma barra de navegação superior, uma seção hero proeminente, seguida por categorias de produtos e produtos em destaque, e um rodapé com depoimentos e links para redes sociais.

## TECHNICAL REQUIREMENTS
- **Framework**: React com TypeScript.
- **Styling**: Tailwind CSS para um design moderno e responsivo.
- **UI Components**: shadcn/ui para componentes pré-construídos que melhoram a consistência da interface.
- **State Management**: Utilize o gerenciamento de estado integrado do React ou considere uma API de contexto se necessário para gerenciar o estado do carrinho.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Inicialize um novo projeto React com TypeScript e instale o Tailwind CSS.
2. **Create Basic Layout**: Desenvolva a estrutura do layout principal, incluindo cabeçalho, seção hero, categorias de produtos e rodapé.
3. **Integrate UI Components**: Use componentes shadcn/ui para botões, cards e inputs, aplicando o raio de borda e os estilos especificados.
4. **Develop Features**: Implemente recursos principais como exibição de produtos, depoimentos e CTAs, garantindo que cada um seja visualmente atraente e funcional.
5. **Responsive Design**: Teste e refine o design para dispositivos móveis para garantir uma experiência de usuário suave.
6. **Optimize Performance**: Assegure que a aplicação carregue rapidamente e esteja otimizada para SEO.

## USER EXPERIENCE
Os usuários serão recebidos com uma seção hero convidativa que os atrai para a mensagem da marca. Eles podem navegar facilmente pelas categorias de produtos, visualizar itens em destaque e ler depoimentos que reforçam a confiança. CTAs claros os guiarão em direção a compras, e o design otimizado para dispositivos móveis permitirá uma experiência tranquila em qualquer dispositivo, garantindo que cada usuário se sinta valorizado e empoderado enquanto faz compras na Brilhume.