⚠️ Note: This project is for educational purposes only. All design credits go to Zentry. It is not intended for commercial use or public deployment.
A visually captivating website inspired by Zentry — showcasing scroll-triggered animations, geometric transitions, and immersive video storytelling. This project is a hands-on exploration of how to deliver a luxurious, modern feel using cutting-edge frontend tools.
- Vite – Lightning-fast build tool
- React.js – UI library for building components
- Tailwind CSS – Utility-first CSS framework
- GSAP – High-performance animations
- ScrollTrigger – Scroll-based animation control
- Scroll-Based Animations: Triggered dynamically as users navigate through the page.
- Clip Path Shaped Transitions: Geometric shapes animated with CSS
clip-pathfor unique visual effects. - 3D Hover Effects: Interactive transformations that respond to cursor movement.
- Video Transitions: Seamlessly integrated videos to elevate storytelling and flow.
- Smooth UI/UX: Modern interfaces with polished motion and intuitive interactions.
- Fully Responsive: Fluid design that looks great across all screen sizes.
- Scalable Architecture: Reusable, modular codebase ideal for scaling or learning clean component structure.
Follow these steps to set up the project locally on your machine.
Make sure you have the following installed on your machine:
git clone https://github.com/Sxzar/redefine.git
cd redefineInstall the project dependencies using npm:
npm installnpm run devOpen http://localhost:5173 in your browser to view the project.
This project is not licensed for commercial use. It is meant strictly for educational demonstrations and personal exploration.