Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Brilhume is a premium e-commerce landing page designed for a modern makeup store that emphasizes beauty, confidence, and self-expression. The main purpose of the site is to showcase and sell high-quality makeup products while creating an elegant, engaging shopping experience that resonates with beauty enthusiasts and promotes self-esteem.

## CORE FEATURES
1. **Visually Striking Hero Section**: A captivating hero section that features high-quality images of makeup products, accompanied by a tagline that inspires confidence and beauty.
2. **Product Categories**: Easy navigation through various product categories such as lipsticks, foundations, mascaras, blushes, eyeshadows, highlighters, and beauty accessories.
3. **Featured Products**: A dedicated section to highlight recommended and best-selling products to drive sales and showcase popular items.
4. **Customer Testimonials**: A section for customer reviews and testimonials that builds trust and credibility, emphasizing the positive impact of using Brilhume products.
5. **Promotional Call-to-Action**: Strategically placed CTAs encouraging users to explore products, subscribe to newsletters, or follow on social media for beauty tips.
6. **Mobile-Optimized Design**: A responsive design that ensures a seamless shopping experience across devices, prioritizing usability and accessibility.

## 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 should feature a top navigation bar, a prominent hero section, followed by product categories and featured products, and a footer with testimonials and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for a responsive and modern design.
- **UI Components**: shadcn/ui for pre-built components to enhance UI consistency.
- **State Management**: Use React's built-in state management or consider a context API if needed for managing cart state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Basic Layout**: Develop the main layout structure including header, hero section, product categories, and footer.
3. **Integrate UI Components**: Use shadcn/ui components for buttons, cards, and inputs, applying the specified border radius and styles.
4. **Develop Features**: Implement core features like product display, testimonials, and CTAs, ensuring each is visually appealing and functional.
5. **Responsive Design**: Test and refine the design for mobile devices to ensure a smooth user experience.
6. **Optimize Performance**: Ensure the application loads quickly and is optimized for SEO.

## USER EXPERIENCE
Users will be greeted with an inviting hero section that draws them into the brand's message. They can easily navigate through product categories, view featured items, and read testimonials that reinforce trust. Clear CTAs guide them toward making purchases, and the mobile-optimized design allows for a seamless experience on any device, ensuring that every user feels valued and empowered while shopping at Brilhume.