Lumiere Agency
Format: Premium multi-page website in a single file.
Features: Instant switching between sections (Home, Catalog, Portfolio, Profile, Stylist, About, Contact) via extended DOM architecture.
Visuals: Unique SVG elements – a chronograph watch with realistically animated hands, a diamond ring with metallic gradients, and custom lighting with inertia.
AI Integration: Built-in AI stylist based on Claude with photo uploading and personalized recommendations for color type, Kibbe body type, and palette.
Animations: CSS Grid, ticker (highlighting), scroll-based timeline animation via IntersectionObserver.