Zentry Clone

A front-end project inspired by Zentry, built to explore GSAP animations, React, Tailwind CSS and modern web technologies. This project is a conceptual recreation focusing on interactive animations, smooth transitions, and engaging user experiences.

Features

• GSAP Animations – Smooth, high-performance animations.
• Modular Components – Clean and reusable code structure.
• Optimized for Performance – Lightweight and responsive design.
• SEO & Open Graph Optimized – Metadata for better search engine visibility.

Tech Stack

• Vite – Fast build tool for modern front-end development.
• React – Component-based UI framework.
• GSAP – GreenSock Animation Platform for fluid motion effects.
• Tailwind CSS – Utility-first CSS for rapid styling.

Live Demo

https://zentry-clone-muhdhanish.vercel.app

Installation

Clone the repository and install dependencies:

git clone https://github.com/MuhdHanish/zentry_clone.git
cd zentry-clone
npm install

Running the Project

Start the development server:

npm run dev

Build for production:

npm run build

Folder Structure

├── public/          # Static assets
├── src/
│   ├── components/  # Reusable UI components
│   ├── utils/       # Utility functions
│   ├── App.tsx      # Root component
│   ├── index.css    # Global styles
│   └── main.tsx     # Entry point
├── index.html       # HTML template
├── tailwind.config.js # Tailwind CSS configuration
├── package.json     # Dependencies and scripts
├── tsconfig.json    # TypeScript configuration
└── vite.config.ts   # Vite configuration

License

This project is licensed under the MIT License.

Author

Muhd Hanish

Feedback

If you have any feedback, please reach me at muhammedhanish11@gmail.com or connect with me on LinkedIn.

Support

Show your support by 🌟 the project!!