🌴 GTA VI – Frontend Clone

An immersive, fully responsive frontend web clone inspired by the official Grand Theft Auto VI website and promotional aesthetic. Designed with fluid animations, dynamic typography, and Vice City-themed visuals.

---

✨ Features

• 🎬 Hero Banner: Cinematic landing view with high-res game media and video backdrops.
• 📱 Responsive Layout: Pixel-perfect design optimized across desktop, tablet, and mobile screens.
• ⚡ Interactive UI: Smooth transitions, parallax effects, and animated buttons.
• 🎨 Vice City Aesthetics: Neon gradients, custom color palettes, and retro typography.

---

🛠️ Tech Stack

• Frontend: React 19, Vite 8, JavaScript
• Styling: Tailwind CSS v4 (@tailwindcss/vite)
• Animation: GSAP | Lenis
• Media & Assets: Rockstar Games promotional media, web-optimized formats

---

📁 Folder Structure

GTA-VI-Frontend-Clone/
│
├── assets/
│   ├── images/          # Background posters, hero images, and character art
│   ├── videos/          # Trailer clips and looping video backgrounds
│   ├── icons/           # UI and social media icons
│   └── fonts/           # Custom game fonts and typography
│
├── styles/
│   ├── main.css         # Global styles and resets
│   ├── responsive.css   # Media queries for tablet and mobile screens
│   └── animations.css   # Keyframes, hover states, and transition effects
│
├── scripts/
│   └── main.js          # DOM manipulation, video controls, and scroll triggers
│
├── index.html           # Main entry point and page structure
├── .gitignore           # Git ignore rules for node_modules/build artifacts
└── README.md            # Project documentation and setup guide

⚠️ Disclaimer

This project is a fan-made clone created solely for educational and portfolio demonstration purposes. All game assets, logos, and trademarks belong to Rockstar Games and Take-Two Interactive.