# 🎬 Top Action Movie Box Office Stats & Trends

A modern, **self-contained landing page** showcasing the top-grossing action films by subgenre, featuring interactive charts and insightful commentary — all in a single `index.html` file.

---

## 🚀 Features

- Responsive design with **Tailwind CSS** for a clean, modern UI  
- Category cards with icons and smooth hover animations  
- Interactive bar chart powered by **Chart.js** visualizing box office grosses (in billions USD)  
- Insightful sections highlighting key learnings and future action movie trends  
- Fully standalone: no build tools or server required — just open `index.html` in a browser  

---

## 📥 Getting Started

1. **Clone or download** this repository:  
   ```bash
   git clone https://github.com/your-username/top-action-boxoffice.git

2. Open the index.html file in any modern web browser:

   • Chrome, Firefox, Edge, Safari, etc.

---

🛠 Technologies Used

• Tailwind CSS (via CDN) — utility-first CSS framework
• Google Fonts: Poppins — clean typography
• Chart.js (via CDN) — interactive charts library
• Vanilla HTML, CSS, and JavaScript — no build tools

---

⚙️ Customization

• Update box office data inside the <script> tag in index.html
• Change styles via Tailwind classes or CSS inside the <style> block
• Extend functionality with more charts or interactivity in JavaScript

---

📄 License

This project is provided as-is, free for personal or educational use.

---

🤝 Contributions

Feel free to open issues or submit pull requests for improvements or new features!

---

© 2025 Action Box Office Insights