FIFA 26 — Find Your Football

Welcome to FIFA 26, the world's most premium street football network. This platform allows street ballers around the world to find courts, assemble squads, and challenge rivals in real-time.

🚀 Features

• Immersive 3D Experience: Integrated with Three.js and GSAP to provide a highly interactive, 3D scrolling football experience.
• Glassmorphic UI: A premium, modern web design system built with custom CSS variables and glassmorphism techniques.
• Fully Responsive: Optimized seamlessly for desktop, tablet, and mobile devices without losing visual fidelity.
• Localization (i18n): Instantly toggle the site language between English and Russian without page reloads.

🛠️ Tech Stack

• HTML5 & CSS3
• JavaScript (ES6+)
• Vite (Build Tool)
• Three.js (3D WebGL Rendering)
• GSAP (GreenSock) (High-performance Scroll Animations)

📦 Installation & Local Setup

To run this project locally on your machine:

1. Clone the repository

   git clone https://github.com/your-username/fifa-26.git
   cd fifa-26

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Build for production

   npm run build

🌍 Localization

This project uses a custom, lightweight data-i18n attribute system to manage localization. Add or edit translation keys in src/main.js inside the translations object to expand the languages supported.

📄 License

This project is for demonstration and portfolio purposes. All trademarks (e.g., FIFA) belong to their respective owners.