This project is an interactive and visually captivating web application built with modern web technologies. It draws inspiration from the Zentry platform, featuring dynamic animations, geometric transitions, and immersive video storytelling. The website includes cutting-edge features like scroll-triggered animations, 3D hover effects, and smooth transitions to provide users with a modern and seamless experience.
- GSAP – For smooth and performant animations.
- React.js – A modern JavaScript library for building dynamic user interfaces.
- Tailwind CSS – Utility-first CSS framework for fast and customizable styling.
- Geometric Transitions: Stylish and unique animations using CSS clip-path to create eye-catching, geometrically inspired transitions.
- Interactive 3D Hover Effects: Visually rich 3D transformations that respond to user hover events, providing a tactile and dynamic feel.
- Integrated Video Storytelling: Seamlessly embedded video elements to enhance the narrative flow and keep users captivated as they navigate the site.
- Smooth UI/UX: An emphasis on buttery-smooth interactions and a polished user interface to ensure an intuitive and satisfying experience.
- Scroll-Based Animations: Engaging animations that are triggered based on the user's scroll position, enhancing the interactivity of the website.
- Fully Responsive: The design adapts flawlessly across all screen sizes and devices, providing a consistent user experience on desktops, tablets, and mobile phones.
- Modular Code Architecture: Reusable and scalable code structure for easy maintenance and future enhancements.
- Optimized for Performance: Fast loading times and optimized assets to ensure a seamless browsing experience.
Check out the live demo of the Zentry Re-build web experience hosted on Vercel.
To view more of my work and other interactive projects, check out my projects page.
This project follows a modular code structure where components are reusable and organized by functionality. The animations, transitions, and interactions are designed to be decoupled from the UI components, making it easy to maintain and extend. Here's a brief breakdown of the main components:
- ScrollTrigger: A custom hook for managing scroll-triggered animations.
- VideoPlayer: A reusable video player component that can be integrated seamlessly into the flow.
- HoverEffects: A collection of 3D hover effect components.
- Transitions: A set of CSS transitions and animations designed for smooth user interactions.
This project is hosted on Vercel for easy deployment. Vercel automatically handles optimizations and scalability, making it the perfect platform for deploying modern web applications.
Feel free to fork the repository, create a branch, and submit a pull request if you'd like to contribute. Contributions are always welcome!
If you have any questions or feedback, feel free to reach out to me through my portfolio website.
Distributed under the MIT License. See LICENSE for more information.