1177
This onboarding flow uses a horizontal carousel transition triggered by tapping 'Next' or 'Previous'. Each slide features a dark-themed card containing a custom 3D illustration. Once a slide settles, a contextual 3D animation plays automatically: a hand interacting with a virtual phone, a progress indicator simulating a smart diagnosis, floating energy icons for usage reports, or a rotating clock that dims the room lights for smart routines. The page indicator dots and primary buttons smoothly transition to reflect the current step.










