let currentLang = 'en';

const translations = {
    en: {
        title: 'We Build Worlds',
        desc: 'AloeGames is a modern game development studio focused on creating immersive, next-generation experiences.',
        button: 'Explore',
        aboutTitle: 'About Us',
        aboutText: 'We are a team of passionate developers, designers, and dreamers. Our mission is to push the boundaries of interactive entertainment and deliver unforgettable gaming experiences.',
        projectsTitle: 'Our Projects',
        contactTitle: 'Contact',
        contactText: 'Get in touch with us for partnerships, collaborations, or just to say hello.'
    },
    ru: {
        title: 'Мы создаём миры',
        desc: 'AloeGames — современная игровая студия, создающая захватывающий игровой опыт нового поколения.',
        button: 'Смотреть',
        aboutTitle: 'О нас',
        aboutText: 'Мы команда разработчиков, дизайнеров и мечтателей. Наша цель — расширять границы интерактивных развлечений и создавать незабываемые игры.',
        projectsTitle: 'Наши проекты',
        contactTitle: 'Контакты',
        contactText: 'Свяжитесь с нами для сотрудничества или просто чтобы сказать привет.'
    }
};

function toggleLang() {
    currentLang = currentLang === 'en' ? 'ru' : 'en';
    const t = translations[currentLang];

    document.getElementById('title').textContent = t.title;
    document.getElementById('desc').textContent = t.desc;
    document.getElementById('button').textContent = t.button;
    document.getElementById('aboutTitle').textContent = t.aboutTitle;
    document.getElementById('aboutText').textContent = t.aboutText;
    document.getElementById('projectsTitle').textContent = t.projectsTitle;
    document.getElementById('contactTitle').textContent = t.contactTitle;
    document.getElementById('contactText').textContent = t.contactText;
}

// Background animation
const canvas = document.getElementById('bgCanvas');
const ctx = canvas.getContext('2d');

function resize() {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
}

window.addEventListener('resize', resize);
resize();

const particles = [];

for (let i = 0; i < 80; i++) {
    particles.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        vx: (Math.random() - 0.5) * 0.5,
        vy: (Math.random() - 0.5) * 0.5,
        size: Math.random() * 2 + 1
    });
}

function animate() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    particles.forEach(p => {
        p.x += p.vx;
        p.y += p.vy;

        if (p.x < 0 || p.x > canvas.width) p.vx *= -1;
        if (p.y < 0 || p.y > canvas.height) p.vy *= -1;

        ctx.beginPath();
        ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);
        ctx.fillStyle = 'rgba(34,197,94,0.8)';
        ctx.shadowBlur = 10;
        ctx.shadowColor = 'rgba(34,197,94,0.8)';
        ctx.fill();
        ctx.shadowBlur = 0;
    });

    requestAnimationFrame(animate);
}

animate();