Lovable Prompt Creator - AI Prompt Generator

```markdown
# APPLICATION TYPE & PURPOSE
Build a world-class premium fashion eCommerce website for "Oxpie" that embodies the future of luxury online shopping in 2030. The site should provide an interactive, cinematic, and polished experience, similar to high-end brands like Apple, Nike, and Zara.

# CORE FEATURES & FUNCTIONALITY
- **Navbar**: 
  - Floating glass navbar with blurred background and rounded full-pill shape.
  - Smooth hide/show on scroll.
  - Logo on the left, navigation in the center, icons (Search, Wishlist, Cart, Account) on the right.

- **Products Navigation**:
  - Full-width mega menu that expands with animation (fade, scale, slide, blur) on hover.
  - Categories include MEN, WOMEN, KIDS, COLLECTIONS, FEATURED BRANDS, and SPECIALS.

- **Hero Section**:
  - Cinematic landing experience with fullscreen photography, parallax effects, floating typography, and premium animations.
  - Engaging CTAs like "Shop Men", "Shop Women", "Explore Collection".

- **Featured Collections**:
  - Large Bento Grid with interactive hover animations (scale, image zoom, background morph).

- **New Arrivals**:
  - Horizontal premium slider with expanding cards on hover, quick add, wishlist options, and color/size selectors.

- **Shop by Category**:
  - Large fashion cards with hover reveals and 3D effects.

- **Trending Now**:
  - Pinterest-style masonry layout with large photography and animated reveals.

- **Featured Products**:
  - Modern eCommerce cards with image swaps on hover, quick add/view options, and animated add to cart.

- **Product Page**:
  - Futuristic design with large gallery, smooth transitions, 360 viewer placeholder, fabric information, and sticky add to cart.

- **About Section**:
  - Storytelling through minimal design with large imagery, luxury typography, and animated statistics.

- **Promotional Section**:
  - Massive typography with scrolling text and infinite marquees.

- **Reviews**:
  - Floating cards with glassmorphism and animated rating counters.

- **Newsletter**:
  - Beautiful, centered, and minimal design.

- **Footer**:
  - Comprehensive footer with multiple columns (Store Locations, Support, Policies, Socials, Instagram feed, Newsletter).

- **Micro Interactions**:
  - Every element (buttons, cards, links, etc.) must animate with engaging transitions.

# TECHNICAL REQUIREMENTS
- **Tech Stack**: 
  - React 19, Vite, TypeScript, TailwindCSS, Framer Motion, Lucide React.
- **No UI Libraries**: Everything must be custom-built.

# DESIGN & UX SPECIFICATIONS
- **Visual Style**: Minimal luxury with high-end fashion aesthetics, soft shadows, rounded corners, and glassmorphism where appropriate.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (use this as the main accent/brand color for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements with oversized typography.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.

# IMPLEMENTATION APPROACH
1. **Setup Project**: Initialize the project with React, Vite, and TypeScript.
2. **Build Navbar**: Create the floating glass navbar with all interactive elements.
3. **Develop Mega Menu**: Implement the full-width mega menu with animations.
4. **Design Hero Section**: Focus on the cinematic experience with animations and CTAs.
5. **Create Product Cards**: Implement features for new arrivals and featured products.
6. **Implement Interactions**: Add micro-interactions throughout the site for enhanced user engagement.
7. **Ensure Responsiveness**: Optimize for desktop, tablet, and mobile views with pixel-perfect design.

# ERROR HANDLING & PERFORMANCE
- Implement lazy loading for images and components to improve performance.
- Use Intersection Observer for animations that trigger upon scrolling.
- Ensure smooth transitions with GPU-accelerated transforms.
- Validate inputs and handle edge cases gracefully throughout the application.

# ORGANIZATION & STRUCTURE
- **Sections**: Clearly define sections for navigation, hero, products, collections, and footer.
- **Responsive Design**: Ensure all components adapt seamlessly across devices.
- **Micro Interactions**: Maintain a consistent style for all animated elements to enhance the user experience.
```