📰 The Garrison Times

A responsive, multimedia-rich fan website inspired by the Peaky Blinders series.
Built with HTML, CSS, JavaScript, GSAP, Locomotive Scroll, and Swiper.js, the site combines smooth animations, interactive UI elements, and cinematic visuals to bring the Shelby family’s world to life.

👉 Live Demo

---

🚀 Features

• 🎬 Loader Animation – Stylish intro with gradient text reveal.
• 🎥 Background & Hover Videos – Dynamic character-focused video previews.
• 🔄 Smooth Scrolling – Powered by Locomotive Scroll for fluid navigation.
• 🖼️ Dynamic Hover Image Preview – Character cards reveal background images on hover.
• 🎠 Swiper.js Carousel – Auto-sliding gallery of Peaky Blinders wallpapers & posters.
• 📱 Responsive Design – Optimized for both desktop & mobile.
• 🎨 Custom Fonts & Styling – Neue Haas Display + modern UI layout.
• 🔥 GSAP Animations – Shapes, transitions, and cinematic motion effects.

---

🛠️ Tech Stack

📂 Project Structure

├── index.html # Main HTML structure

├── style.css # Styles and animations

├── script.js # Core JavaScript functionality

├── assets/ # Images & videos (Peaky Blinders media)

└── README.md # Project documentation

---

⚡ Setup & Usage

1. Clone the repository:

   git clone https://github.com/your-username/the-garrison-times.git