Zentry 🎮

A modern, responsive, and animated clone of the award-winning Zentry.com website. This project replicates the original site's sleek design, interactive elements, and smooth animations using cutting-edge front-end technologies.

---

🚀 Tech Stack

• React – Component-based architecture for building dynamic user interfaces.
• Vite – Next-generation frontend tooling for rapid development and optimized builds.
• Tailwind CSS – Utility-first CSS framework for efficient and responsive styling.
• GSAP (GreenSock Animation Platform) – Robust JavaScript library for high-performance animations.

---

✨ Features

• Responsive Design – Optimized for seamless viewing across devices (mobile, tablet, desktop).
• Smooth Animations – Engaging transitions and animations powered by GSAP.
• Interactive UI Elements – Dynamic components that enhance user engagement.
• Modular Code Structure – Clean and maintainable codebase with reusable components.
• Performance Optimized – Fast load times and efficient rendering.

---

📸 Live Demo

Check out the live version of the project:

👉 Zentry Clone Live Site

---

🛠️ Installation

To run this project locally:

1. Clone the repository:

   git clone https://github.com/humiiii/zentry
   cd zentry

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open in your browser:

   Navigate to http://localhost:5173/zentry to view the application.

---

📁 Project Structure

zentry/
├── public/               # Static assets
├── src/
│   ├── components/       # Reusable components (e.g., BentoCard, BentoTilt)
│   ├── section/          # Main sections
│   ├── App.jsx           # Main application component
│   ├── index.css         # Custom Css
│   └── main.jsx          # Entry point
├── index.html            # Main html
├── vite.config.js        # Vite configuration
├── package.json          # Project metadata and scripts
└── README.md             # Project documentation

---

📚 Acknowledgements

• Design Inspiration: This project is inspired by the original Zentry.com website, known for its innovative design and user experience.
• Tutorial Reference: Special thanks to JavaScript Mastery for their insightful tutorial on building award-winning websites using React, Tailwind CSS, and GSAP.

---

🙌 Credits

This project was developed for educational and portfolio purposes. All rights to the original design and content of Zentry.com belong to their respective owners.

Inspired by and built upon the teachings of JavaScript Mastery.

---