Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a premium luxury e-commerce website for an architectural hardware and cabinet accessories brand. The goal is to create a visually stunning and user-friendly experience that reflects the sophistication and elegance of high-end interior design and luxury product brands.

## CORE FEATURES
1. **Hero Section**: A full-screen hero area showcasing a large premium product image with a captivating headline and call-to-action buttons.
2. **Product Showcases**: Detailed product cards for various collections, featuring images, descriptions, and dynamic interactivity for finishes.
3. **Finish Selector**: An interactive feature that allows users to choose from multiple finishes, dynamically updating product visuals.
4. **Interior Inspiration**: A visually impactful section displaying products in real-life settings like modern kitchens and luxury furniture, enhancing the aspirational quality of the brand.
5. **Testimonials**: Elegant card designs featuring reviews from industry professionals, reinforcing brand trust and quality.
6. **Contact and Inquiry Forms**: Simple forms for users to request catalogs or contact the sales team, integrated with WhatsApp for immediate 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**: The website will feature a sticky navigation menu that transitions into a dark glassmorphism style on scroll, a full-screen hero section, a responsive grid for product categories, and editorial-style layouts for inspiration and testimonials.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React's context and hooks for state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Build the main layout including the header with sticky navigation and footer sections.
3. **Implement Hero Section**: Design the hero section with a large product image and smooth animations for the headline and CTAs.
4. **Develop Product Showcases**: Create product cards with hover effects and dynamic finish selectors.
5. **Add Interior Inspiration Section**: Curate high-quality images in an asymmetrical grid format, implementing smooth scrolling animations.
6. **Build Testimonials Section**: Create a carousel for testimonials with luxury card designs and auto-scroll functionality.
7. **Integrate Contact and Inquiry Forms**: Develop simple forms that allow users to request catalogs and contact the sales team, ensuring they are mobile-friendly.
8. **Optimize for Performance**: Implement lazy loading for images and ensure fast loading times with optimized assets.
9. **Responsive Design Testing**: Test the application on various devices to ensure a seamless user experience.
10. **Deploy the Application**: Host the completed application using a suitable platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will experience a smooth and elegant browsing journey, starting from the visually appealing hero section that captures attention. As they scroll, the dark glassmorphism navbar will enhance navigation, leading them to product showcases, interactive finishes, and lifestyle inspirations. The testimonials will build trust, while easy access to inquiry forms will facilitate communication. The overall design will prioritize large visuals and premium presentation, ensuring that users feel the luxury of the brand at every touchpoint.