This project is a Zentry website clone created using modern web technologies like React.js, TailwindCSS, and GSAP for animations. The goal of this project is to replicate the look and feel of the original Zentry website while enhancing development skills.
🚀 Live Demo
Live Demo Link: https://zentry1.netlify.app/
🛠️ Built With
React.js: A JavaScript library for building user interfaces.
TailwindCSS: A utility-first CSS framework for fast styling.
GSAP (GreenSock Animation Platform): A robust library for creating smooth animations.
🎯 Features
Responsive Design: Fully responsive across various devices (desktop, tablet, and mobile).
Smooth Animations: Utilized GSAP for scroll-triggered animations, transitions, and dynamic effects.
Fast Performance: Lightweight design with optimized code.
Pixel-Perfect Clone: Closely mirrors the original Zentry website.
📂 Folder Structure
├── public │ ├── index.html │ └── assets ├── src │ ├── components │ │ ├── Navbar.jsx │ │ ├── HeroSection.jsx │ │ ├── Footer.jsx │ │ └── [Other Components] │ ├── styles │ │ └── tailwind.css │ ├── App.js │ └── index.js ├── tailwind.config.js ├── package.json └── README.md
⚙️ Installation and Setup
Follow these steps to get the project up and running locally:
Clone the Repository:
git clone https://github.com/your-username/zentry-clone.git cd zentry-clone
Install Dependencies: Ensure you have Node.js installed, then run:
npm install
Run the Development Server: Start the app locally:
npm start
Open http://localhost:3000 in your browser to view the project.
Build for Production: To create an optimized production build:
npm run build
📜 License
This project is for educational purposes and is not intended for commercial use. All rights for the original design and content belong to Zentry.
🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to:
Fork the repository.
Create a feature branch.
Submit a pull request.
🙏 Acknowledgements
Zentry for the inspiration and original design.
The creators of React.js, TailwindCSS, and GSAP for their amazing tools.
📧 Contact
For any inquiries or feedback, reach out at ranjanashish126@gmail.com