Zentry — Frontend Recreation
- Timeline
- July 2025
- Role
- Frontend Development
- Tools
- React, Tailwind CSS, GSAP
- Category
- Business
I recreated Zentry’s website as a personal practice project, following JavaScript Mastery’s tutorial. The focus was getting hands-on with React, Tailwind CSS, and GSAP through a complete animated page.
Putting motion into practice
The exercise was to build a page where motion is part of the experience: video changes in the hero, sections reveal as you scroll, and cards respond to the pointer. Following the tutorial gave me a structured way to practise how those pieces fit together.
Building along
I followed the build step by step, using React for the page, Tailwind CSS for styling, and GSAP for the animation work. The project covers scroll-triggered reveals, video transitions, shaped image transitions, and hover effects. I kept the tutorial’s design and behaviour rather than adding my own variations.
Credits
Original design credit goes to Zentry; the visual assets belong to their respective owners. This is a learning exercise built by following JavaScript Mastery’s tutorial: https://www.youtube.com/watch?v=zA9r5zTllx4