GameLux

About the Project

GameLux is a modern, visually captivating gaming website built with React.js, GSAP, and Tailwind CSS. The site is designed to deliver a seamless user experience with cutting-edge animations, responsive layouts, and optimized performance.

Inspired by Zentry, GameLux showcases:

• Scroll-triggered animations
• Geometric transitions
• Engaging video storytelling

This project emphasizes a luxurious, modern feel, focusing on engaging UI/UX and smooth responsiveness, capturing the essence of what makes an Awwwards-winning website.

---

Features

• Interactive Animations: Powered by GSAP for a rich and engaging user experience.
• Responsive Design: Seamlessly adapts to all screen sizes with Tailwind CSS.
• Modern UI/UX: Delivering a clean, sleek, and intuitive user interface.
• Optimized Performance: Ensuring fast loading times and smooth navigation.

---

Tech Stack

---

Getting Started

Follow these instructions to set up the project locally.

Prerequisites

• Node.js and npm installed on your system.

Installation

1. Clone the repository:

   git clone https://github.com/Anu27n/GameLux.git

2. Navigate to the project directory:

   cd GameLux

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Build for Production

To create an optimized build:

npm run build

---

Folder Structure

GameLux/
├── public/
├── src/
│   ├── components/    # React components
│   ├── assets/        # Images, videos, and other assets
│   
│   ├── App.jsx        # Main app component
│   
├── package.json
├── README.md
└── vite.config.js

---

Acknowledgments

• Inspired by Zentry for design and animation ideas.
• Thanks to the creators of React, GSAP, and Tailwind CSS for the amazing tools.

---