🎮 GTA VI Animated Landing Page

A cinematic, fan-made GTA VI website built using React, Locomotive Scroll, and GSAP. This project mimics the visual style and energy of Rockstar’s GTA VI official media using smooth parallax, timeline-driven animations, and immersive scrolling effects.[6][8][10]

🚀 Features

• Seamless cinematic animations powered by GSAP timelines and React hooks.[8][10][6]
• Smooth, inertia-based scroll experience with Locomotive Scroll.[10][8]
• Parallax effects, pinned sections, and dramatic text/image reveals.[8][10]
• Fully responsive design, sharp on desktop and mobile.[6][10]
• Modular, clean React component structure for maintainability.[6]
• Theme and color scheme inspired by the official GTA VI reveal and Vice City aesthetic.[7][11]

🛠️ Built With

• React 18+ (component-based architecture)
• GSAP (GreenSock Animation Platform) & @gsap/react
• Locomotive Scroll (smooth scrolling/parallax)
• Tailwind CSS (utility-first styling, optional)
• Vite (development/build tooling)[10][8]

📸 Screenshots

📚 Getting Started

Clone this repository and run it locally!

git clone https://github.com/your-username/gta-vi-clone.git
cd gta-vi-clone

npm install
npm run dev

Then visit http://localhost:5173 (or as shown in your terminal).

🗂️ Folder Structure

src/
  components/
    Hero.jsx
    Features.jsx
    Gallery.jsx
  App.jsx
public/
  assets/
    (images, videos)

Modify structure or add sections based on your implementation.

✨ Customization

• All animation logic is handled in each section/component using GSAP hooks.
• Smooth scrolling and section pinning configured using Locomotive Scroll context.
• Easily add or edit sections in the /components folder to update site content and animations.

🤝 Contributing

Open to suggestions, new animation ideas, or bug reports! Fork the repo, create a branch, and submit a PR for review.

📜 License

This project is for educational and personal use, inspired by Rockstar Games. Not affiliated with or endorsed by Rockstar Games or Take-Two Interactive.

---