L'Amarie Beauty — Before/After Image Slider

Overview

The L'Amarie Beauty service page redesign includes a before/after image slider component on each service page. The client (Roxanna) requested this as part of a broader service page overhaul reviewed in the ^[1].

The slider is considered a standard, achievable component. Implementation is assigned to ^[2] as part of the broader service page work, targeted for completion by Monday with a potential Tuesday client review.

Component Requirements

• Type: Drag/reveal before-and-after image slider (not a carousel)
• Placement: Dedicated "Before & Afters" section on each service page
• Scope: One slider per service variant where photos are available

Photo Availability Tracking

Photos are not yet provided for all service variants. Roxanna is responsible for:

1. Supplying the actual before/after photos
2. Marking photo availability directly in the source Excel document

Convention: When a photo is available for a given service variant, Roxanna will flag it in the Excel sheet (e.g., under a "Key Ingredients / Photo" column). Isahaque should check this column before building out each variant's slider.

Until photos are confirmed and provided, the before/after section should either be hidden or use a placeholder, consistent with how other pending sections (e.g., the User-Generated section) are being handled.

Copy & Consistency Guidelines

These apply to all content surrounding the slider, consistent with the broader service page style rules:

Implementation Notes

• The slider itself is straightforward to build in WordPress
• Each service variant may have different photos; treat availability per-variant, not globally
• Coordinate with Roxanna's Excel source document for per-variant content — see also ^[3] for notes on navigating that document
• This component is part of the larger ^[4] effort

Status

Related

• ^[5]
• ^[6]
• ^[4]
• ^[7]