🏆 Award-Winning Website Clone (Inspired by Zentry)

This repository contains the code for a visually stunning website inspired by Zentry

If you're a visual learner, follow the tutorial to build this project step-by-step in a beginner-friendly manner.

🔗 Live Preview: https://zentrix-jet.vercel.app

---

🤖 Introduction

Create a luxurious, high-end website featuring:

• Scroll-triggered animations
• Geometric transitions
• 3D hover effects
• Seamless video storytelling

This project focuses on delivering a premium UI/UX experience — the kind that captures attention on platforms like Awwwards.

---

✌️ Clone the Repo to Your Local System If you're starting from an existing GitHub repo (e.g., this one):

git clone https://github.com/Anujkumar108/award-winning-clone.git cd award-winning-clone

⚙️ Tech Stack

• React.js
• Tailwind CSS
• GSAP (GreenSock Animation Platform)

---

🔋 Features

✅ Scroll-Based Animations
Engaging effects triggered by scrolling for an immersive user experience.

✅ Clip Path Animations
Unique transitions using CSS clip-path for dynamic visuals.

✅ 3D Hover Effects
Interactive element transformations to enhance user interaction.

✅ Video Transitions
Integrated video elements to support visual storytelling.

✅ Smooth UI/UX
Refined, fluid interactions and polished design.

✅ Fully Responsive
Works flawlessly across desktop, tablet, and mobile devices.

✅ Clean Code Architecture
Reusable components and a well-organized file structure.

---

⚡ Quick Start

Follow these steps to run the project locally:

🧰 Prerequisites

Ensure the following are installed:

• Node.js
• npm (comes with Node.js)
• Git

🚀 Installation

Install dependencies:

npm install
Run the development server:

bash
Copy code
npm run dev
Open in browser:
Visit http://localhost:5173

🕸️ Code Snippets
index.css – Global styles

components/RoundedCorners.jsx – For geometric transition effects

🎨 Assets
Assets used in the project can be found here.

Note: This project uses assets and fonts from Zentry for educational/demo purposes. All rights to these materials belong to their respective owners. For commercial or public use, replace these with your own or properly licensed assets.

yaml
Copy code

---

## ✅ 3. **Push to GitHub**

If you're ready to push your changes:

```bash
git add README.md
git commit -m "Added custom README.md"
git push origin main