🌐 Awwwards-Inspired Interactive Website

---

A modern, animation-rich website inspired by Awwwards-winning designs, focused on smooth transitions, immersive UI, and high-end frontend experience.

---

🚀 Live Demo

🔗 Click here to view the live project

---

✨ Features

• 🎬 Smooth animations using GSAP
• 🎯 Scroll-triggered effects with ScrollTrigger
• 🧩 Modular and reusable React components
• 🎨 Premium UI inspired by Awwwards websites
• 🖱️ Interactive hover and mouse-based animations
• 📱 Fully responsive design
• ⚡ Optimized layout and performance

---

📸 Screenshots

🏠 Landing Section

🎬 Animated Title Section

📖 Story Section

🖱️ Hover Interaction

---

🛠️ Tech Stack

• Frontend: React.js (Vite)
• Animations: GSAP (GreenSock), ScrollTrigger
• Styling: Tailwind CSS / Custom CSS
• Deployment: Netlify

---

📁 Project Structure

src/
 ├── components/
 │   ├── AnimatedTitle.jsx
 │   ├── Story.jsx
 │   ├── Button.jsx
 │   ├── RoundedCorners.jsx
 │
 ├── App.jsx
 ├── main.jsx

---

⚙️ Installation & Setup

git clone https://github.com/Pranaykumarjha/Awwards.git
cd Awwards
npm install
npm run dev

---

🎯 Key Highlights

• Implemented GSAP animations with useRef and event handling
• Built scroll-based storytelling UI
• Focused on clean component architecture
• Designed with Awwwards-level UI inspiration

---

🧠 What I Learned

• Advanced animation workflows using GSAP
• Managing DOM interactions inside React
• Creating smooth UX using scroll + hover effects
• Structuring scalable frontend components

---

📌 Future Improvements

• Add more sections and transitions
• Improve accessibility (ARIA, keyboard nav)
• Add loading animations / preloader
• Optimize animations for mobile performance

---

⭐ Show Your Support

If you like this project, give it a ⭐ on GitHub!