← back to the gallery

Eloria: pink-gold fragrance landing with cinematic clouds and hover-revealed product cards

Motion previews

Eloria — motion excerpt

The bottle and cloud scenes change, portrait rows shift and testimonial cards switch during the recorded scroll. Hovering product cards reveals their names and prices beneath the bottle imagery. Supplied Jiro template recording, original playback speed. This excerpt covers part of the recording; capture 1 records the broader sequence. The recorded three-card product listing includes discounts, detail actions and hover-revealed names/prices, supporting the shop composition role. Product detail pages, purchases, skincare outcomes and checkout were not tested. Displayed prices and testimonials are template demonstrations. The bottle images use Elegance branding within the Eloria reference.

15.0 seconds · Original speed

Timestamped frames

Tier

inspiration

Roles

hero, explainer, feature, footer, testimonial, faq, shop

Feel

light, premium, editorial, warm

Motion

pan, reveal, kinetic, drift

Source

public-site

Site

https://jiro.build/preview/template/e-commerce/luxury-perfume-landing-page-eloria

Licence

Public Jiro template preview; inspiration only. Retained images and short preview excerpts are visual-reference evidence; template code/assets are not imported or licensed for reuse.

Captured

2026-10-14

Captures

frames: https://cdn.jiro.build/Eloria%20Perfume/videos/Eloria%20Perfume%20Hover%20Video.mp4
both: https://jiro.build/preview/template/e-commerce/luxury-perfume-landing-page-eloria

What it does

Jiro template reference. A gold-capped fragrance bottle floats in pink clouds beside fine editorial typography. Pale bottle details and three discounted product cards with hover-revealed names and prices lead into a large mist statement and circular portrait testimonials. A cinematic cloud scene, FAQs and a bottle-centered footer maintain the pink palette.

Section roster

1. Pink-cloud fragrance hero. 2. Bottle detail scene. 3. Discounted product cards with hover details. 4. Hydrating mist statement. 5. Circular portrait testimonials. 6. Cinematic fragrance scene. 7. FAQ. 8. Eloria bottle footer.

Why it works

Soft cloud scenes and fine serif type establish atmosphere while the product cards create a compact explanatory chapter around the repeated bottle.

Source capture notes

[Jiro template page](https://jiro.build/templates/e-commerce/luxury-perfume-landing-page-eloria), [public live preview](https://jiro.build/preview/template/e-commerce/luxury-perfume-landing-page-eloria), and [original preview video](https://cdn.jiro.build/Eloria%20Perfume/videos/Eloria%20Perfume%20Hover%20Video.mp4); checked on 2026-10-14. Capture 1 samples 36 frames from the supplied preview recording. Capture 2 measures and samples the public template preview itself, excluding catalogue navigation, with a fresh 390px mobile screenshot. A 15-second motion excerpt at original playback speed with eight timestamped evidence frames is associated with capture 1.

The recorded three-card product listing includes discounts, detail actions and hover-revealed names/prices, supporting the shop composition role. Product detail pages, purchases, skincare outcomes and checkout were not tested. Displayed prices and testimonials are template demonstrations. The bottle images use Elegance branding within the Eloria reference.

These are template demonstrations and visual references, not verified businesses or services. No template source code was imported. Exact easing, trigger timing and reduced-motion behavior were not measured.