The homepage also features nested sliders; each vertical slide has the option of having a nested horizontal slider within. Transitioning between slides also triggers custom animations using transforms and opacity.
Attempting to move to a new page triggers all the elements to reverse their animations. A class is added to the body which triggers all the animations to restart in the reverse direction. This feature runs asynchronously with the HTTP request so this animation out does not block the new page from loading.
This website is available in both Chinese and English. Polylang is the plugin doing the translation. The custom theme we built for the website is running twig as a template engine. We had to manually register all hard-coded labels with their Chinese counterpart.