Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a high-end digital showroom exclusively focused on premium electric motorcycles. It aims to provide users with a sophisticated and modern experience that conveys technology and desirability through a single-page application (SPA) format. The design emphasizes a seamless and immersive visual journey, showcasing high-quality images and elegant microinteractions.

## CORE FEATURES
1. **Product Showcase (Single Page Experience)**  
   A grid gallery displaying impactful, high-resolution images of electric motorcycles. Hover effects provide soft zoom and detail highlights. Selecting a motorcycle reveals detailed specifications in a modal or expandable section without leaving the page.

2. **Microinteractions and Animations**  
   Smooth transitions for hover, click, and detail opening states. Subtle animations enhance image loading and user feedback, creating an elegant visual experience.

3. **Dynamic Search and Filters**  
   Real-time filtering by price range, autonomy, and style/category, with an instant search feature. The interface remains clean and minimalistic, ensuring user-friendly navigation.

4. **Persistent Call-to-Action (WhatsApp)**  
   A discreet but always-visible WhatsApp contact button, designed to be elegant and not intrusive. The call-to-action encourages users to "Talk to a Specialist".

5. **Fully Responsive Design**  
   Ensures an impeccable experience across devices, including desktops, tablets, and smartphones, with layouts adjusted to maintain visual impact on any screen.

## DESIGN SPECIFICATIONS
- **Visual Style:** Minimalist, premium, and technological with a strong use of white space, focusing on the products to evoke a sense of luxury and innovation.
- **Color Mode:** Light theme featuring light backgrounds contrasted with dark text for optimal readability, with highlight colors used sparingly.
- **Layout:** A well-defined grid layout for product display, a minimal header featuring the logo, and a discreet footer containing institutional links, ensuring a clear visual hierarchy.
- **Typography:**  
   - Titles: Modern sans-serif fonts (e.g., Montserrat, Inter, Poppins)  
   - Body Text: Elegant serif or clean sans-serif fonts (e.g., Lora, Source Serif)  
   - Hierarchy: Defined use of font weights and sizes to enhance visual sophistication.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript
- **Styling:** Tailwind CSS using a utility-first approach for speed and consistency
- **UI Components:** shadcn/ui for custom components to maintain visual exclusivity
- **State Management:** Context API or Zustand for global state management across products, filters, and UI interactions.

## IMPLEMENTATION STEPS
1. **Initial Setup**  
   - Create a React project using TypeScript.  
   - Set up Tailwind CSS for styling.  
   - Install and configure shadcn/ui for UI components.

2. **Base Structure**  
   - Develop a minimal header with the logo.  
   - Create the main product showcase area.  
   - Design a discreet footer for institutional links.  
   - Implement a single-page application architecture without traditional routing.

3. **Main Components**  
   - Build the product grid component to display motorcycles prominently.  
   - Design the motorcycle card with a focus on visual appeal.  
   - Create a modal or drawer for product details.  
   - Implement a dynamic filtering and search system.

4. **User Experience Enhancements**  
   - Add microinteractions and smooth animations throughout the application.  
   - Optimize images for fast loading times.  
   - Conduct responsiveness testing across multiple devices.

## USER EXPERIENCE
Users will experience an intuitive and fluid navigation through a high-end digital showroom. The interface will captivate with its visual elegance, enabling effortless exploration of electric motorcycles. The absence of page reloads ensures that users remain engaged, leading them smoothly toward the WhatsApp contact option for expert assistance, enhancing both their browsing and purchasing experience. The focus is on visual delight, simplifying the decision-making process, and encouraging user interaction seamlessly.