Update script.js

script.js

@@ -53,7 +53,7 @@ for (let i = 0; i < 15; i++) {
     const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
     sphere.position.set(
         (Math.random() - 0.5) * 15,
-        (Math.random() - 0.5) * 15 - 5, // Сдвигаем вниз, чтобы избежать текста
+        (Math.random() - 0.5) * 15 - 5,
         (Math.random() - 0.5) * 15
     );
     sphere.userData = { velocity: new THREE.Vector3((Math.random() - 0.5) * 0.015, (Math.random() - 0.5) * 0.015, (Math.random() - 0.5) * 0.015) };
@@ -62,7 +62,7 @@ for (let i = 0; i < 15; i++) {
 }
 
 camera.position.z = 12;
-camera.position.y = 2; // Сдвигаем камеру вверх для избежания пересечения
+camera.position.y = 2;
 
 // Анимация сфер с ограничением
 function animate() {
@@ -71,7 +71,6 @@ function animate() {
     spheres.forEach(sphere => {
         sphere.position.add(sphere.userData.velocity);
 
-        // Ограничение движения
         if (Math.abs(sphere.position.x) > 10) sphere.userData.velocity.x *= -0.9;
         if (sphere.position.y > 5 || sphere.position.y < -10) sphere.userData.velocity.y *= -0.9;
         if (Math.abs(sphere.position.z) > 10) sphere.userData.velocity.z *= -0.9;
@@ -91,8 +90,26 @@ window.addEventListener('resize', () => {
     renderer.setSize(window.innerWidth, window.innerHeight);
 });
 
-// Корзина услуг
-let cart = [];
+// Корзина с Local Storage
+let cart = JSON.parse(localStorage.getItem('cart')) || [];
+
+function updateCart() {
+    localStorage.setItem('cart', JSON.stringify(cart));
+    const cartCount = document.getElementById('cartCount');
+    cartCount.textContent = cart.length;
+
+    const cartItems = document.getElementById('cartItems');
+    cartItems.innerHTML = '';
+    if (cart.length === 0) {
+        cartItems.innerHTML = '<li>Корзина пуста</li>';
+    } else {
+        cart.forEach(item => {
+            const li = document.createElement('li');
+            li.textContent = item;
+            cartItems.appendChild(li);
+        });
+    }
+}
 
 document.querySelectorAll('.add-to-cart-btn').forEach(button => {
     button.addEventListener('click', () => {
@@ -100,6 +117,7 @@ document.querySelectorAll('.add-to-cart-btn').forEach(button => {
         const serviceName = serviceCard.getAttribute('data-service');
         if (!cart.includes(serviceName)) {
             cart.push(serviceName);
+            updateCart();
             alert(`${serviceName} добавлено в корзину!`);
         } else {
             alert(`${serviceName} уже в корзине!`);
@@ -107,13 +125,38 @@ document.querySelectorAll('.add-to-cart-btn').forEach(button => {
     });
 });
 
-document.querySelector('.calculate-btn').addEventListener('click', () => {
+// Открытие/закрытие модального окна корзины
+const cartIcon = document.getElementById('cartIcon');
+const cartModal = document.getElementById('cartModal');
+const closeModal = document.getElementById('closeModal');
+
+cartIcon.addEventListener('click', () => {
+    cartModal.style.display = 'flex';
+    updateCart();
+});
+
+closeModal.addEventListener('click', () => {
+    cartModal.style.display = 'none';
+});
+
+// Очистка корзины
+document.getElementById('clearCartBtn').addEventListener('click', () => {
+    cart = [];
+    updateCart();
+    alert('Корзина очищена!');
+});
+
+// Рассчитать стоимость
+document.getElementById('calculateBtn').addEventListener('click', () => {
     if (cart.length > 0) {
         const message = `Здравствуйте! Интересуют следующие услуги: ${cart.join(', ')}. Прошу рассчитать стоимость.`;
         const whatsappUrl = `https://wa.me/996500398754?text=${encodeURIComponent(message)}`;
         window.open(whatsappUrl, '_blank');
-        cart = []; // Очищаем корзину после отправки
+        cartModal.style.display = 'none';
     } else {
         alert('Пожалуйста, выберите хотя бы одну услугу!');
     }
-});
+});
+
+// Инициализация корзины при загрузке страницы
+updateCart();