🎬 ASSAM TEA — Cinematic Website

A cinematic and immersive storytelling website inspired by the beauty, culture, and atmosphere of Assam Tea plantations.

Built using AI-assisted vibecoding workflows, creative visuals, smooth animations, and optimized media experiences.

The project focuses on creating a visually engaging web experience with cinematic transitions, storytelling elements, and media-rich interactions while maintaining smooth performance and responsiveness.

---

🚀 Live Demo

🔗 https://assamtea.netlify.app/

---

✨ Features

• 🎥 Cinematic storytelling experience
• ⚡ Smooth animations and transitions
• 🌿 Assam tea-inspired visual aesthetics
• 📱 Fully responsive design
• 🚀 Optimized media loading
• ☁️ Netlify deployment support

---

🛠️ Tech Stack

Frontend

• HTML
• CSS
• JavaScript

AI & Creative Tools

• Claude Code
• Veo
• Nanabanana
• ElevenLabs
• Stitch
• Canva

Deployment & Version Control

• GitHub
• Netlify

---

📂 Project Structure

ASSAM-TEA/
│
├── public/
│   ├── index.html
│   ├── ritual.png
│   ├── tea-story-final.mp4
│   ├── tea1.png
│   ├── tea2.png
│   ├── tea3.png
│   └── tea4.png
│
├── node_modules/
├── package.json
├── package-lock.json
└── server.js

---

⚙️ Installation & Setup

Clone the repository:

git clone https://github.com/SayanMallick55/ASSAM-TEA.git

Move into the project folder:

cd ASSAM-TEA

Install dependencies:

npm install

Start the server:

node server.js

---

🚀 Deployment

This project is deployed using Netlify.

Steps

1. Push the repository to GitHub
2. Connect GitHub repository to Netlify
3. Deploy the website

---

💡 Challenges Faced

• Optimizing large cinematic video assets
• Improving loading speed and smooth playback
• Managing AI generation limits and credits 😭
• Handling animation/rendering performance
• Creating cinematic feel while keeping the site responsive

---

📚 Learnings

• Media optimization techniques
• Performance tuning for video-heavy websites
• AI-assisted frontend development workflows
• Better animation and transition handling
• Real-world deployment using Netlify and GitHub

---

👨‍💻 Author

Made with ❤️ by Sayan

Built with late-night debugging, creativity, caffeine, and vibecoding ✨