Zentry
An award-style gaming landing page with video-masked transitions, scroll-pinned sections, and GSAP-driven 3D card tilts.
- React
- Vite
- GSAP
- Tailwind CSS
What it is
A landing page in the Awwwards idiom — heavy motion, video backgrounds, and scroll-driven storytelling. Built to practise animation choreography rather than to ship a product.
Technique
The centrepiece is video masking: a clip-path animates between shapes while
video plays underneath, so sections appear to peel into one another. GSAP
ScrollTrigger pins sections while their internal timelines scrub against scroll
progress.
Notes
TODO: Check this on a mid-range phone. Autoplaying video plus continuous GSAP timelines is exactly the combination that drops frames, and this page is a showcase — a janky showcase argues against you.
$ git log -1 --format=%cd →