Update script.js

script.js

@@ -28,4 +28,65 @@ window.addEventListener('scroll', () => {
     } else {
         header.classList.remove('scrolled');
     }
+});
+
+// Three.js 3D-анимация в геро-секции (плавающие сферы)
+const scene = new THREE.Scene();
+const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
+const renderer = new THREE.WebGLRenderer({ alpha: true });
+renderer.setSize(window.innerWidth, window.innerHeight);
+document.getElementById('three-canvas').appendChild(renderer.domElement);
+
+// Свет
+const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);
+scene.add(ambientLight);
+const pointLight = new THREE.PointLight(0xff6200, 1, 100);
+pointLight.position.set(10, 10, 10);
+scene.add(pointLight);
+
+// Создание сфер
+const spheres = [];
+const sphereGeometry = new THREE.SphereGeometry(0.5, 32, 32);
+const sphereMaterial = new THREE.MeshPhongMaterial({ color: 0xff6200, emissive: 0xff6200, emissiveIntensity: 0.5 });
+
+for (let i = 0; i < 20; i++) {
+    const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
+    sphere.position.set(
+        (Math.random() - 0.5) * 20,
+        (Math.random() - 0.5) * 20,
+        (Math.random() - 0.5) * 20
+    );
+    sphere.userData = { velocity: new THREE.Vector3((Math.random() - 0.5) * 0.02, (Math.random() - 0.5) * 0.02, (Math.random() - 0.5) * 0.02) };
+    scene.add(sphere);
+    spheres.push(sphere);
+}
+
+camera.position.z = 15;
+
+// Анимация сфер
+function animate() {
+    requestAnimationFrame(animate);
+
+    spheres.forEach(sphere => {
+        sphere.position.add(sphere.userData.velocity);
+
+        // Ограничение движения
+        if (Math.abs(sphere.position.x) > 10) sphere.userData.velocity.x *= -1;
+        if (Math.abs(sphere.position.y) > 10) sphere.userData.velocity.y *= -1;
+        if (Math.abs(sphere.position.z) > 10) sphere.userData.velocity.z *= -1;
+
+        // Легкое вращение
+        sphere.rotation.x += 0.01;
+        sphere.rotation.y += 0.01;
+    });
+
+    renderer.render(scene, camera);
+}
+animate();
+
+// Адаптация канваса при изменении размера окна
+window.addEventListener('resize', () => {
+    camera.aspect = window.innerWidth / window.innerHeight;
+    camera.updateProjectionMatrix();
+    renderer.setSize(window.innerWidth, window.innerHeight);
 });